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CUVANT ÎNAINTE 


Avem marea şansă să trăim una dintre cele mai importante şi totodată rapide revoluții din 
istoria civilizaţiei, similară ca impact, după unele opinii, cu cea declanșată de apariţia tiparului. 
De această dată, schimbarea a fost indusă de apariția unei noi modalități de a partaja şi 
disemina informaţiile, prin intermediul rețelei „World-Wide Web” (pe scurt WWW sau Web), 
accesibilă de pe oricare calculator conectat la Internet. Această rețea globală poate lega între ele 
„pagini” Web, care pot conţine orice sursă de informare în format electronic (texte, imagini, 
sunet, filme, animaţie generată de calculator, chiar și transmisii de radio si de televiziune in 
direct). Legăturile între paginile Web dau posibilitatea parcurgerii (citiri) într-un mod 
personalizat, adaptat fiecărui utilizator (spre deosebire de parcurgerea liniară, specifică, de 
exemplu, romanelor sau filmelor). 

Astăzi, la doar 15 ani de la apariția sa, Web-ul este deja la îndemâna chiar și a copiilor care 
de abia învață să vorbească, ca să nu mai amintim că el a devenit modalitatea preferată de 
informare, de comunicare sau chiar de lucru pentru foarte mulți oameni. Explicaţia succesului 
Web-ului stă, probabil, în ușurința de a beneficia de serviciile sale, pe de o parte, si de 
simplitatea punerii la dispoziţie de texte, de imagini, de muzică, a „publicării oricărui material 
pentru a putea fi accesat de oricine. 

Cauzele succesului Web-ului sunt datorate, la rândul lor, progreselor în mai multe domenii 
ale informaticii, cum ar fi rețelele de calculatoare, protocoalele de comunicaţie, structurarea 
datelor, interfatarea om-calculator etc., unele dintre ele de multe ori ignorate sau neglijate chiar 
de profesioniștii informaticieni. De exemplu, uşurinţa accesului la resursele Web-ului este 
datorată interfetelor om-calculator cu „manipulare directă”, apărute în anii '80 si care elimină 
necesitatea învăţării unor limbaje specifice de comandă a instrumentelor de navigare pe Web. 

Există însă şi probleme în utilizarea WWW, determinate, paradoxal, nu de lipsa (ca până 
acum) ci tocmai de volumul mare de informaţie disponibilă. Cel ce accesează Web-ul poate fi 
uşor „depăşit? de numărul imens de pagini Web care contin informaţii potential utile, 
identificarea locului unde ar găsi ceea ce dorește fiind, nu de puţine ori, extrem de greu de 
realizat. Mai mult, în parcurgerea Web-ului te poţi uşor dezorienta si poţi fi deturnat de la 
scopul urmărit initial. 

Problemele semnalate mai sus pot fi rezolvate într-o mare măsură printr-o bună organizare 
a paginilor Web, printr-o bună proiectare a siturilor Web. Pe de altă parte, concurenţa între 
paginile Web furnizate de mai multe firme similare evidenţiază importanța modului de 
organizare a conţinutului acestor pagini. 

Cartea de fata are drept principal scop tocmai depăşirea acestor neajunsuri şi pot spune că 
reușește să atingă obiectivul propus. Acest lucru era de așteptat deoarece autorul cărții de fata, 
domnul Sabin Corneliu Buraga, este un bun profesionist, cadru didactic şi publicist cunoscut în 
Romania pentru articolele si cărțile sale de informatica, legate în special de domeniul Web-ului. 

Destinatari principali ai cărții sunt cei care proiectează sau creează pagini de Web, aceştia 
putând găsi in ea detalii tehnice utile (cum ar fi protocolul HTTP), standarde (cum ar fi MIME 
si URI) sau limbaje specifice (cum ar fi XHTML sau CSS). Capitolul al patrulea cuprinde 
adevărate manuale pentru învăţarea acestor ultime două limbaje, inclusiv descrierea utilitarelor 
existente pentru editarea de pagini XHTML. În plus, cartea este însoțită de un CD care 
cuprinde o serie întreagă de standarde, cursuri, exemple (inclusiv cele din carte), aplicații, atât 
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pentru platforma Windows, cât şi pentru cea Linux. Utile profesioniştilor sunt şi exemplele de 
situri de Web puse la dispoziție pe CD. 

Se poate spune că, așa cum designul și ergonomia unui automobil pot contribui esențial la 
succesul unui model (bineînţeles alături de performanţele tehnice si de fiabilitate), corecta 
proiectare a siturilor Web si respectarea regulilor de ergonomie cognitivă pot asigura succesul 
sau insuccesul oricărui demers care foloseşte Web-ul ca modalitate de comunicare. De aceea, 
marile firme care dezvoltă situri Web acordă o importanță deosebită acestor aspecte, in acest 
scop fiind implicate colective interdisciplinare formate din ingineri, matematicieni, psihologi, 
sociologi, filosofi si chiar artişti plastici. De aceea, pentru proiectantii de situri Web, cel mai 
important capitol este cel de-al cincilea, în el fiind analizate în detaliu principiile şi regulile de 
interfatare om-calculator care trebuie urmate în proiectare. Capitolul include totodată sfaturi 
practice foarte utile. 

Desi titlul cărții se referă la proiectarea siturilor Web, se poate spune fără a gresi că lucrarea 
poate fi citită de oricine este interesat de o introducere în domeniu, primul capitol fiind o 
foarte bună şi cuprinzătoare prezentare a fundamentelor şi a istoricului Web-ului. Mai mult, 
capitolele al doilea și al treilea, ilustrează potenţialul Web-ului de a dezvolta aplicaţii puternice 
din domenii cum ar fi informarea și documentarea (prin folosirea de motoare şi roboți de 
căutare pe Web), realitatea virtuală, comerțul electronic sau e-business. Includerea ultimelor două 
domenii face cartea utilă şi celor din domeniul afacerilor interesați de înţelegerea posibilitățile 
oferite de noile tehnologii. Cei care folosesc Web-ul pentru aflarea de informaţii, vor găsi în cel 
de-al doilea capitol câteva sugestii utile pentru eficientizarea căutării. 

Cartea poate fi folosită inclusiv ca suport de curs la mai multe discipline universitare sau 
postuniversitare, cum ar interfatarea om-calculator, tehnologii Web, afaceri pe Web etc. CD-ul 
atașat cărţii facilitează organizarea de lucrări practice asociate cursurilor, precum si dezvoltarea 
de aplicaţii. 


Prof.dr.ing. Ştefan Trausan-Matu 
RACAI, Academia Romana 


PREFAŢĂ 


Fără îndoială, tehnologiile Internet reprezintă pentru multi vârful de lance al informaticii 
actuale, atât la nivel mondial, cât şi la nivel national. Astfel, asistăm actualmente la apariţia 
unei largi palete de situri în peisajul Web-ului românesc, de la situri personale până la cele 
de conţinut şi de la situri academice la cele pur comerciale. Din păcate, nu întotdeauna 
modul de prezentare si de realizare al acestora captează interesul vizitatorului, multe dintre 
situri — uneori chiar aparținând unor organizaţii sau companii cu renume — fiind concepute 
într-o manieră precară, ignorând (cu bună ştiinţă?) realele aşteptări ale publicului. 

Aşadar, motivul principal pentru care am scris cartea de fata — inaugurând cu succes, în 
2002, seria Web publicată de Editura Polirom şi ajunsă acum, în anul 2005, la a doua ediţie, 
semnificativ îmbunătățită şi extinsă — este de a oferi tuturor celor interesaţi o privire de 
ansamblu asupra spaţiului WWW, insistând însă asupra regăsirii informaţiilor, tendinţelor 
de evoluţie viitoare a Web-ului sau realizării de afaceri pe Web — una dintre direcţiile 
promițătoare ale economiei digitale — si de a focaliza atenţia cu precădere pe etapele si 
strategiile de proiectare corespunzătoare a siturilor. Ne propunem să punem în discuţie o 
serie de probleme legate de designul siturilor Web si, de asemenea, să oferim diverse soluţii 
constructive pentru fiecare dintre acestea. Din acest punct de vedere, subiectele abordate 
pot fi privite ca aparţinând ingineriei Web si, într-un context mai larg, chiar ingineriei 
software. 

Subiectul central al cărţii îl reprezintă designul Web, mixtură de ştiinţă, tehnică si artă, 
care presupune aplicarea unor cunoştinţe teoretice şi practice provenind din mai multe 
domenii. 

Aşa cum ingineria software nu se ocupă cu tehnicile de programare, la fel ingineria 
Web nu are în vedere programarea aplicaţiilor Web sau destinate spaţiului WWW. Aşadar, 
materialul cărții de fata nu isi propune să prezinte diverse procedee ori paradigme de 
programare Web — descrise de autor în alte cărți, precum Tehnologii Web, Editura Matrix 
Rom, Bucureşti, 2001, Programare Web in bash si Perl, Editura Polirom, Iasi, 2002 sau S7turi 
Web la cheie. Soluţii profesionale de implementare, Editura Polirom, Iasi, 2004 —, ci se 
concentrează în principal asupra modalitatilor complexe de interacțiune dintre vizitatori şi 
siturile Web. Una dintre direcţiile principale ale proiectării siturilor este tocmai aceea de a 
ameliora interfețele Web ca design, structurare a informaţiilor, mod de exploatare şi 
accelerare a încărcării conţinutului. Un alt aspect important este cel privitor la dezvoltarea 
de situri ergonomice, menite a asigura sau consolida imaginea unui produs ori a unei 
companii, referindu-ne aici în special la domeniul e-business. 

Prin problematica atinsă, cartea de fata speră să capteze atenţia unei pleiade cât mai 
diversificate de specialişti angrenati în activitatea de design Web — îi menționăm aici pe 
graficienii, proiectantii de mijloace de interacțiune om-maşină, programatorii, specialiștii in 
marketing —, personalul de testare si evaluatorii de situri, autorii de manuale Web, experții 
în relații cu publicul si chiar utilizatorii finali. Prin prezentarea principalelor caracteristici 
ale afacerilor pe Web si ale strategiilor de realizare a siturilor de comerţ electronic, lucrarea 
poate fi utilă personalului (de conducere în special, dar nu numai) din orice companie care 
aspită să fie ori deja este prezentă pe Web. De asemenea, volumul poate prezenta interes si 
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pentru specialiştii sau viitorii specialişti în domeniile conexe informaticii, precum ştiinţele 
economice, psihologia, sociologia sau ingineria. Nu în ultimul rând, materialul de fata 
poate fi un îndrumat, sperăm util, pentru cadrele didactice, elevii şi studenţii interesaţi de 
proiectarea siturilor Web sau, mai general, de interacțiunea om-calculator. 

Trebuie să menţionăm că o parte din prezentul material este rodul colaborării dintre 
autor si studenţii cate au urmat cursurile Tehnologii Web şi Interactinne om-calculator, 
desfăşurate în cadrul Facultăţii de Informatică de la Universitatea „Alexandru loan Cuza” 
din laşi. 

Aşteptăm reacţiile şi observaţiile dumneavoastră la adresa busaco@infoiasi.ro. 
De asemenea, cititorii sunt încurajați să viziteze situl Web dedicat cărții la 
http://www.infoiasi.ro/~design/. 


Structura cărții 


În primul capitol, lucrarea încearcă să contureze o privire de ansamblu asupra tehnologiilor 
Web actuale, descriindu-se pe scurt contextul apariţiei spațiului World-Wide Web si unii 
paşi importanţi în evoluţia acestuia şi definindu-se termenii fundamentali — precum sv, 
client Şi server, sau hipermedia. Web-ul se bazează pe două concepte importante: hipertextul si 
modelul client/server, expuse tot în cadrul acestui capitol. De asemenea, se prezintă 
identificatorii uniformi de resurse — URI (Uniform Resource Identifiers) — şi protocolul HTTP 
(HyperText Transfer Protocol. În plus faţă de prima ediţie, la finalul capitolului se descrie 
arhitectura generală a Web-ului. 

Capitolul secund trece în revistă principalele aplicaţii ale Web-ului. Deoarece spațiul 
WWW reprezintă un imens depozit de date, una dintre problemele importante este cea a 
regăsirii informaţiilor. Astfel, se descriu roboții Web şi motoarele de căutare, insistandu-se 
pe arhitectura lor internă şi pe manieră efectivă de formulare a interogarilor. Sunt furnizate 
detalii de interes referitoare la Google, una dintre cele mai de succes aplicaţii actuale 
prezente pe Web. De asemenea, se prezintă şi alte mijloace de regăsire a informaţiilor: 
forumurile, Web/og-urile şi siturile de tip w7ki. O altă direcţie promițătoare este reprezentată 
de realitatea virtuală şi de mediile virtuale distribuite — subiect dezvoltat în subcapitolul al 
doilea. Desigur, evoluţia Web-ului este continuă, iar unele direcţii de dezvoltare a 
tehnologiilor Web — de exemplu, meta-limbajul XML (Extensible Markup Language), 
manierele de implementare a aplicaţiilor Web şi tranziţia spre Web-ul semantic — sunt 
descrise in incheierea capitolului. 

Al treilea capitol profilează o privire generală asupra problematicilor şi tendinţelor 
unuia dintre domeniile tinere, importante ale tehnologiilor Web: e-business. Sunt detaliate 
modelele si categoriile actuale de afaceri pe Web, strategiile de iniţiere a unei afaceri on-line, 
modalităţile de plată electronică, accentuându-se unele aspecte referitoare la comerțul 
electronic (e-commerce) — de exemplu, categoriile de magazine virtuale, caracteristicile coşului 
de cumpărături, interacțiunea cu vizitatorii, asigurarea securității, strategiile legate de 
menţinerea imaginii companiei etc. De asemenea, sunt descrise diverse procedee de 
realizare a siturilor de comerţ electronic şi de promovare pe Web a produselor sau 
serviciilor. Acest capitol poate prezenta un interes deosebit si pentru managerii si altor 
categorii de personal implicate în desfăşurarea de afaceri (electronice sau nu). 
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Nu putem discuta despre proiectarea siturilor fără a menţiona limbajul de marcare 
XHTML, indispensabil în conceperea de pagini Web. Capitolul al patrulea trasează 
principalele caracteristici ale acestui limbaj şi oferă, de asemenea, detalii privitoare la 
redactarea şi utilizarea practică a foilor de stiluri in cascada — CSS (Cascading Style Sheet). Un 
subcapitol este dedicat extensiilor CSS pentru navigatorul Internet Explorer. De o atenţie 
specială din partea unora dintre cititori se pot bucura noile secțiuni dedicate optimizării 
codului în vederea unei indexări eficiente a conţinutului de către motoarele de căutare 
(SEO — Search Engine Optimization). 

Capitolul al cincilea are misiunea de a aprofunda subiectul principal al cărții: 
proiectarea siturilor Web. Acest proces va fi urmărit şi detaliat din perspectiva mai multor 
etape: stabilirea scopului şi obiectivelor, proiectarea interfeţei Web, proiectarea globală a 
sitului, proiectarea paginilor individuale, designul conţinutului (textual, grafic şi 
multimedia). Pentru îndeplinirea fazei de proiectare a sitului vor fi avute în vedere 
următoarele: organizarea informaţiilor, structurarea sitului în ansamblu, analizarea 
principalelor elemente ale sitului şi organizarea instrumentelor de navigare. În ceea ce 
priveşte proiectarea paginilor Web, vor fi detaliate, printre altele, diverse strategii de 
captare a atenţiei vizitatorilor şi de asigurare a consistentei informaţiilor. Capitolul se 
încheie cu o serie de sfaturi destinate dezvoltatorilor de situri Web — convenţionale ori 
destinate a fi accesate de pe dispozitivele wireless. Nu sunt uitate nici alte aspecte colaterale, 
precum detaliile privitoare la colectarea si procesarea conţinutului, la verificarea sitului 
proiectat şi implementat, la publicarea efectivă pe Web a documentelor și programelor 
realizate sau la soluţionarea problemelor de securitate. 

La finalul volumului, cititorii au la dispoziţie un glosar de termeni folosiţi în contextul 
proiectării Web şi o cuprinzătoare listă de acronime uzuale. 


Continutulni CD-ului 


În sprijinul proiectantilor de situri Web — atât a novicilor, cât si a celor având o mai largă 
experienţă —, cartea este însoţită de un CD-ROM conţinând exemplele de cod-sursă din 
lucrarea tipărită, plus o serie de documentatii suplimentare, în limbile română şi engleză, 
privitoare la aspectele principale ale tehnologiilor Web actuale (eg: XHTML, CSS, 
designul Web, multimedia, XML, WAP sau realitatea virtuală) — specificaţii oficiale, 
tutoriale, prezentări şi manuale. Faţă de prima ediţie, conţinutul CD-ul nu numai că a fost 
actualizat şi restructurat, dar gama resurselor puse la dispoziţie este mult mai diversificată. 

De asemenea, printre atracțiile CD-ului se enumeră aplicaţiile si programele utilitare 
incluse, disponibile pe platformele Windows şi Linux, folositoare tuturor dezvoltatorilor 
de situri. Se pot aminti, de exemplu, navigatoarele şi serverele Web, serverele sau mediile 
de dezvoltare a aplicaţiilor — PHP, Perl si INET —, inclusiv serverul de baze de date 
MySQL, editoarele de cod-sursă XHTML, CSS sau WML, aplicațiile eZ Publish, osCommerce 
si Sugar Suite pentru dezvoltarea de situri de comerț electronic, utilitarele de vizualizare si 
procesare de fişiere multimedia, programele pentru managementul conţinutului, suita de 
birou Open Office etc. Toate aceste aplicaţii sunt disponibile în regim open-source, freeware sau 
shareware. 

CD-ul conţine si un set substantial de diverse colecţii de pictograme, imagini de fundal 
si alte ornamentatii grafice, folositoare mai ales incepatorilor în designul Web. Sunt oferite 
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şi o serie de modele de situri complete, dintre care se poate aminti situl cursului de 
Tehnologii Web ţinut de autor în anul universitar 2004/2005. De asemenea, sunt puse la 
dispoziţie diferite capturi-ecran comentate sau demonstrative. 


Exprimăm gratitudinea noastră unor numeroşi absolvenţi ai Facultăţii de Informatică din 
laşi, mai cu seamă colaboratorilor lonut Aivanesei, Silviu Cristea, Octavian Dospinescu, Daniel 
Dumitriu, Gabriel Enea, Bogdan Manolache şi Alexandrina Orzan, ale cărot contribuţii se 
regăsesc în unele capturi-ecran sau explicaţii. Cartea de fata nu ar fi ajuns la forma actuală 
fără suportul venit din partea colegilor si totodată prietenilor Dragos Acostăchioaie, Mihaela 
Brut şi Stefan Lanasă. Nu în ultimul rând trebuie să mulțumim absolvenţilor Szefan Gherasă, 
Cristian Puscasu, Manuel Subredu şi Alexandru Tantar. Un gând special este adresat domnilor 
Laurian Gridinoc (Grapefruit), Adrian Mironescu (Universitatea „Al. I. Cuza” din Iasi), Costin 
Pribeanu (Institutul de Cercetări în Informatică) si Stefan Trausan-Matu (Universitatea 
Politehnica din Bucureşti) şi echipei de profesionişti de la Editura Polirom. 

La realizarea conţinutului CD-ului au participat si Ionut Aivinesei, Florin Bandas, Valentin 
Creţu, Cătălin Feidi, Cristian Grămadă, Ana-Maria Ihe şi Stefan Lanasă. Le mulţumim pe 
această cale pentru ajutor şi pentru interesul arătat tehnologiilor Web de-a lungul anilor. 

De asemenea, suntem recunoscători părinților nostri pentru întregul sprijin acordat. 


Autorul 
Iaşi, mai 2005 
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1. SPAŢIUL WORLD-WIDE WEB 


Lucrul cel mai important nu este numărul de idei adunate 
in mintea ta, ci legătura care le uneşte. (Tita Maiorescu) 


Prezentul capitol expune principalele concepte şi tehnologii pe care se bazează 
spaţiul World-Wide Web. Pornindu-se de la un scurt excurs istoric si de la 
prezentarea principalelor concepte pe care se bazează Internetul si cel mai 
spectaculos serviciu al acestuia — Web-ul —, se continuă cu definirea si 
caracterizarea hipertextului, discutându-se apoi principalele convenţii de 
localizare a resurselor Internet. În încheiere, se prezintă principalele 
caractetistici ale protocolului HTTP şi arhitectura generală a Web-ului. 


1.1 Fundamente şi istoric 


Conceptul esenţial al spaţiului World-Wide Web este conceptul de comunicare, pe care de 
altfel se bazează orice rețea de calculatoare. Înainte de a defini spaţiul World-Wide Web, 
trebuie precizat ce înseamnă o reţea de calculatoare, respectiv Internetul. 

O rețea de calculatoare reprezintă un ansamblu de calculatoare independente capabile să 
comunice între ele prin intermediul unor canale de comunicaţie. Aşadar, o reţea poate fi 
privită drept o colecţie de calculatoare autonome interconectate. 

Luat în sine, Internetul este o rețea de reţele, prin care utilizatorii unui calculator sau ai 
unei reţele pot accesa diverse sisteme aparținând altor rețele. 

Precursorul Internetului, ARPAnet (Advanced Research Projects Agency network) a fost 
dezvoltat la sfârşitul anilor ’60 şi începutul anilor '70 de Departamentul de Apărare al 
Statelor Unite ca experiment în plin război rece, după lansarea primului satelit artificial, 
Sputnik. Printre primele personalităţi ale căror nume se leagă de dezvoltarea Internetului 
se numără R. Kahn, L. Kleinrock, J. Licklider, L. Roberts şi R. Tomlinson. De la început, 
utilizarea reţelei în scopuri academice si pentru comunicaţii ştiinţifice a condus la o 
oarecare îndepărtare de scopul iniţial — folosirea exclusivă în medii militare. Prima 
demonstrație publică a reţelei ARPAnet a avut loc în 1972, şi a fost soldată cu un 
neaşteptat succes, în ciuda scepticismului dezvoltatorilor ei. Acest aspect a stimulat 
activitatea de cercetare, apărând curând noi reţele, iar programatorii fiind încurajați să 
adauge noi facilități sistemului de operare Unix folosit la interconectarea rețelelor. Astfel, 
în mediul prielnic oferit de sistemul de operare Unix, au fost dezvoltate în această perioadă 
primele protocoale de comunicaţie, culminând în 1974 cu suita de protocoale TCP/IP 
(Transmission Control Protocol/ Internet Protocol), propusă initial de Vint Cerf. Meritul acesteia 
este acela de a furniza o modalitate universală de comunicare între reţelele de calculatoare, 
utilizată şi în prezent pentru conectarea prin Internet. 

În anul 1980, NSF (National Science Foundation) reproiectează modelul ARPAnet, 
transformându-l într-o rețea moderna, noua arhitectură primind numele de Internet, 
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interconectând la început super-calculatoare guvernamentale, instituţii academice şi centre 
de cercetare şi utilizând suita standard de protocoale de comunicaţie reprezentată de 
TCP/IP. În anii care au urmat, Internetul s-a dezvoltat spectaculos, într-o manieră 
exponențială, poate şi datorită apariţiei unei varietăți de furnizori de servicii Internet 
comerciale, la nivel mondial, mai ales în cursul anilor '90. Dacă în 2002, erau peste 840 de 
milioane de utilizatori ai serviciilor Internet, se estimează că în 2010 aproximativ 80% din 
populaţia globului va fi conectată la Internet. 

În România, o dezvoltare accentuată a Internetului, la toate nivelurile, s-a produs 
începând cu anii 1993-1994, dar mai ales după 1996. Astfel, conform unei statistici 
efectuate de RNC (Refeaua Națională de Calculatoare din România), în 1993 erau active numai 
două domenii, în anul 1997 numărul acestora fiind de 526, pentru ca, la mijlocul anului 
2001, să fie înregistrate în jur de 10 mii de domenii active. La începutul anului 2004 se 
estima că existau date în folosință 62800 de domenii, dintr-un total de 62858 (conform 
sondajului disponibil la http: //rowd. zuavra.net/sondaj/). 

De reţinut faptul că Internul nu este proprietatea nici unei persoane sau organizații, 
aflându-se sub coordonarea unor societăți independente, constituite din voluntari, dintre 
cate se pot aminti ISOC (Internet Society), LAB (Internet Architecture Board), IETF (Internet 
Engineering Task Force) saa LANA (Internet Assigned Number Authority). 

Serviciile tradiționale ale Internetului se rezumau în anii 80 la posta electronica (e-mai), 
accesul la grupuri de stiri (sened, conectare la distanță (zene şi transfer de fişiere (FTP — 
File Transfer Protocol. În 1990-1991 apar două noi servicii: Archie, utilizat pentru căutarea 
fişierelor pe Internet, si Gopher, structură de meniuri ierarhizate facilitând organizarea 
documentelor pe Internet. 

De notat faptul că funcţionarea Internetului este reglementată de o serie de documente 
disponibile în cadrul colecţiei globale RFC (Request For Comments). O parte dintre aceste 
documente, editate de Network Working Group (IETF), specifică arhitectura şi standardele 
protocoalelor de comunicaţie existente. Documentele RFC cele mai importante, 
reprezentând standardizări ale protocoalelor Internet oficiale, sunt disponibile si pe CD-ul 
care însoţeşte cartea de față. Conform studiilor statistice din ultimii ani, printre domeniile 
cele mai importante ale utilizării Internetului se enumeră: cercetarea, comunicarea inter- 
personală — via poşta electronică, forumuri si b/og-uri, servicii de chat şi mesagerie instanta 
(instant messaging) —, accesarea serviciilor de ştiri (în special pentru sectorul e-business), 
educaţia, realizarea de cumpărături on-/ine, căutarea unui loc de muncă, divertismentul. 
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1.1.1 Începuturile Web-ului 


Unul dintre cele mai importante şi de succes servicii ale Internetului, World-Wide Web-ul 
— mai pe scurt Web sau spaţiul WWW -, a fost instituit la CERN (Centre Européen pour la 
Recherche Nucléaire — Centrul European de Cercetări Nucleare de la Geneva) în anul 1989, 
grație viziunii lui Sir Tim Berners-Lee. Acesta, împreună cu Robert Caillau şi o echipă de 
specialişti, a propus un sistem informatic distribuit, scopul principal urmărit fiind 
facilitarea accesului rapid la informațiile tehnice cuprinse în manualele de utilizare a 
calculatoarelor. Robert Caillau accentuează faptul că istoria fiecărei mari invenţii se 
bazează pe multe evenimente anterioare. În cazul Web-ului, două mari direcţii precursoare 
trebuie menționate: dezvoltarea hipertextului (sau a procesării computerizate a 
documentelor electronice complexe) şi dezvoltarea protocoalelor Internet care au făcut 
posibilă comunicarea globală dintre rețelele de calculatoare. 

Data de 12 noiembrie 1990 este considerată ziua de naştere oficială a Web-ului. CERN 
devine astfel cel mai dezvoltat nod Internet al Europei. 

Web-ul reprezintă un sistem de distribuţie locală sau globală a informaţiilor hipermedia. Din 
punct de vedere tehnic, spațiul Web pune la dispoziție un sistem global şi standardizat de 
comunicare multimedia, informațiile fiind organizate asociativ şi distribuite în funcție de 
cererile utilizatorilor, funcţionând conform modelului client/server. Putem vedea Web-ul 
ca fiind un spaţiu informational compus din elemente de interes, denumite resurse, 
desemnate de identificatori globali denumiți URI (Uniform Resource Identifiers). 

Web-ul, cu toată dezvoltarea lui spectaculoasă, nu trebuie confundat cu Internetul, ci 
poate fi considerat drept cea mai dinamică şi spectaculoasă componentă software a 
acestuia, neputând exista fără infrastructura hardware a reţelelor mondiale interconectate 
prin intermediul protocoalelor TCP/IP. În prezent, Web-ul nu este proprietatea nimănui, 
fiind independent de orice platformă hardware si software, scalabilitatea asigurându-se 
graţie arhitecturii sale interne, bazată pe hipertext şi pe modelul client/server. 

Dezideratele principale ale sistemului propus în 1989 de Tim Berners-Lee erau: 


e accesul la distanţă într-o reţea, acceptandu-se diverse tipuri de conexiuni; 
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e accesul la o multitudine de surse de informaţii stocate într-o varietate de forme 
(text, grafică, sunet etc.) cu ajutorul unor tipuri diferite de sisteme de operare situate 
pe diferite platforme hardware; 

* capabilități de extindere şi dezvoltare în ceea ce priveşte aria de acoperire prin 
creşterea numărului de legături, fără existenţa unui control central. 


Tim Berners-Lee concepe, de asemenea, prima aplicație Web — un server Web rulând pe 
calculatoare NeXT. În noiembrie 1990, Nicola Pellow începe să dezvolte un navigator 
(browser) text, care, la sfârşitul aceluiaşi an va deveni disponibil în cadrul CERN. Primul 
client grafic permiţând vizualizarea de documente WWW a fost denumit WorldWideW eb. 

Functionalitatea sistemului a fost demonstrată Comitetului CERN si participanţilor la 
conferința Hypertext 91. În perioada care a urmat, CERN a investit multă energie în 
susţinerea spaţiului WWW, tot mai multe organizaţii instalandu-si propriile servere Web si 
punând la dispoziţie în mod gratuit diferite informaţii tuturor utilizatorilor din Internet. 

Dezvoltarea ulterioară a Web-ului a fost facilitată de programul Mosaic (de la NCSA — 
Centrul National pentru aplicaţiile supercalculatoarelor, Universitatea Urbana-Champaign), 
rulând sub mediul XWindow (rulând pe sistemele Unix). Acest navigator — elaborat în 
principal de Marc Andreesen — era foarte simplu de folosit şi poseda facilități multimedia, 
fund furnizat gratuit pe Internet începând cu anul 1993. Ulterior, Marc Andreesen 
fondează compania Netscape Communications, specializată în realizarea de aplicaţii 
destinate Web-ului. 

În luna octombrie 1994 s-a constituit Consortinl Web, avându-l ca director pe Tim 
Berners-Lee. Consorţiul Web este o organizație non-profit aflată sub îndrumarea directă a 
Laboratorului de Stiinta Calculatoarelor si Inteligență Artificială (CSAIL — Computer Science 
and Artificial Intelligence Laboratory) al Institutului de 'Tehnologie din Massachusetts (MIT — 
Massachusetts Institute of Technology), a Consortiului European de Cercetare in Informatică şi 
Matematica (ERCIM — European Research Consortium for Informatics and Mathematics) si a 
Universităţii Keio din Japonia. Principala sa activitate constă în elaborarea, dezvoltarea si 
menţinerea standardelor pentru Web. Actualmente, Consorţiul Web însumează peste 500 
de membri, atât organizaţii academice, corporaţii comerciale, cât şi persoane particulare. 

În primii zece ani de existenţă, Consorţiul Web a publicat peste 80 de recomandări 
oficiale, considerate standarde ale spaţiului World-Wide Web. Ca exemple de standarde 
importante pot fi enumerate: recomandarea privind formatul grafic portabil PNG (Portable 
Network Graphics), recomandările referitoare la marcarea informaţiilor hipertext in HTML 
(HyperText Markup Language), recomandarea vizând meta-limbajul XML (Extensible Markup 
Language), tecomandările privitoare la fundaţia pentru Web-ul semantic, reprezentată de 
limbajele RDF (Resource Description Framework) si OWL (Web Ontology Language) şi altele. 
Lista actuală a rapoartelor tehnice (incluzând, desigur, si recomandările oficiale) poate fi 
consultată la adresa http: //www.w3.org/TR/. 

O direcție de cercetare şi standardizare urmărită de Consorţiul Web priveşte 
ubicuitatea aplicaţiilor destinate Web-ului — accesul oricând, de către oricine, a oricăror 
informaţii, indiferent de modul de interacțiune între utilizator şi maşină sau între 
calculatoare. 


1.1.2 Chenti şi servere Web 
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În prezent, pentru a avea acces la WWW, utilizatorii trebuie să folosească un program 
client — cunoscut sub denumirea de navigator (browser) — şi, bineînţeles, să cunoască 
localizarea documentelor dorite (adresa acestora). Există actualmente o multitudine de 
navigatoare, alături de bine-cunoscutele Mozilla Firefox, Opera si Internet Explorer — rulând în 
medii grafice precum Windows, XWindow (Unix) sau Apple — numărându-se multe altele, 
chiar dacă nu atât de populare: vechiul Netscape Communicator, Konqueror, Nautilus, Amaya, 
Lynx sau Links (ultimele două rulând în mod text, fiind disponibile mai ales sub Linux). 
Principalele caracteristici ale navigatoarelor Web grafice sunt următoarele: 


posibilitatea de a realiza interogări multiple către serverele Web; 

asigurarea securității transmiterilor de date (e.g: în cazul comerțului electronic sau 
pentru accesarea unor informaţii pe bază de autentificare); 

suportul pentru aplicaţii menite să extindă funcţionalitatea navigatorului. O astfel de 
extensie este denumită de cele mai multe ori p/ug-in, putând fi configurată şi 
exploatată de către utilizator pentru accesarea unor tipuri speciale de date (eg: lumi 
virtuale modelate în VRML/X3D sau ilustraţii vectoriale în formate ca SVG ori 
Flash) sau realizarea unor funcţionalităţi specifice (de exemplu, copierea în c//pboard 
a tuturor adreselor Web dintr-o pagină); 


Plug-in-ul 
se va încărca 
la cerere 


Sistemul local 
Browser Web de fişiere 


Relatia dintre navigatorul Web si un plug-in 


stabilirea de liste de adrese ale unor situri Web favorite (semne de carte — 
bookmarks) şi oferirea posibilităţii de a avea acces la istoricul navigarii (mecanismul 
de history); 

posibilitatea de a folosi mai multe ferestre (independente sau nu) de navigare, 
eventual grupate sub formă de 7ab-uti; 

suportul pentru cadre (frame-uri) sau vederi multiple în interiorul unei aceleiași 
ferestre; 

posibilitatea configurarii de către utilizator a unor caracteristici ale modurilor de 
afişare, navigare si exploatare (stabilirea preferințelor utilizatorilor); 

asigurarea suportului pentru diverse limbaje de programare folosite la realizarea de 
documente Web dinamice (że. Java sau JavaScript), pentru foi de stiluri ataşate 
datelor (în vederea îmbunătăţirii modului de afişare) sau pentru stocarea datelor în 
mai multe limbaje de marcare (HTML, XHTML, limbaje bazate pe XML etc.); 
integrarea unor aplicaţii facilitând accesul la alte servicii Internet (poşta electronică, 
transferul de fişiere, grupurile de ştiri) sau Web (precum căutarea de informaţii, 
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afişarea de noutăţi, accesarea în timp-real a programelor de radio sau televiziune 
etc.). 
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După cum se poate observa, Web-ul se bazează pe modelul de programare 
client/server care divide aplicaţiile de reţea în două mari categorii: partea de client şi cea de 
server. Prin definiţie, clientul (în cazul nostru denumit şi navigator sau agent-utilizator 
Web) solicită servicii (informaţii) de la componenta server. Serverul răspunde așadar 
cererilor clienților. 

Modul de dialogare între clienţi şi servere se realizează prin intermediul unei mulțimi de 
reguli de comunicare prin reţea denumită protocol. În cazul Web-ului, acest protocol este 
HTIP (HyperText Transfer Protocol. HTTP reprezintă un protocol bazat pe stiva de 
protocoale 'TCP/IP. HTTP a început să fie proiectat şi folosit din anul 1990, dezvoltându- 
se împreună cu spaţiul WWW. În prezent, este utilizată versiunea HTTP/1.1. Resursele 
Web sunt adresate via identificatori uniformi de resurse — URI (Uniform Resource Identifier). Aceşti 
identificatori specifica adresele Web ca locatie (prin URL — Uniform Resource Locator) sau 
prin nume (URN — Uniform Resource Name). Identificatorii uniformi de resurse reprezintă o 
modalitate flexibilă şi eficientă de accesare a oricărei resurse Internet, prin oricare protocol 
de comunicare. Încorporând suport pentru transferul de poștă electronică, transferul de 
fişiere sau accesul la grupuri de ştiri, HTTP este de asemenea utilizat şi ca protocol generic 
pentru comunicarea între agentii-utilizator (navigatoare, roboți Web, servicii Web etc.) si 
alte sisteme disponibile pe Internet. În acest mod, HTTP permite accesul la resurse 
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disponibile din diverse aplicaţii. Pentru mai multe amănunte privind protocolul HTTP, a 
se vedea subcapitolul 1.4. 

Ca orice serviciu Internet bazat pe modelul client/server, Web-ul trebuie să includă o 
multitudine de servere Web. Cele mai cunoscute servere Web sunt Apache, Microsoft Internet 
Information Server, Netscape Enterprise Server, Sun Web Server, Stronghold, Jigsaw (disponibile pe 
diverse platforme). Un studiu efectuat in luna mai 2005 de compania Netcraft Inc. situează 
Apache pe primul loc pe piata serverelor Web, cu un procent de peste 68% — informatii 
suplimentare la adresa http: //www.netcraft.com/survey. 


1.1.3 Situri si aplicații Web 


Calculatorul (sistemul computational) pe care rulează un server Web si care găzduieşte o 
serie de pagini (documente) WWW înrudite — ale unei organizaţii, companii sau persoane — 
se mai numeşte si sé (sife). Această colecție este orientată, de obicei, către anumite 
informaţii unitare sau scopuri comune. 
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Interfata unui sit Web 


Există două tipuri majore de situri Internet: 


e situri Web — seturi de pagini Web inter-dependente şi resursele la care se referă 
acestea; 

e situri FIP — servicii configurabile care furnizează acces la fişiere publice 
(documentatii, programe, informaţii) prin intermediul protocolului FTP. 


Un sit Web are asociată în general o adresă vizibilă oricărui utilizator din Internet (e.g. 
www. infoiasi.ro reprezintă adresa sitului Facultăţii de Informatica din Iasi). 
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Un server Web poate gestiona simultan mai multe situri, oferind așa-numita gdzduire 
virtuală (virtual hosting). Acest lucru este util în situaţia in care o anumită organizație isi 
menţine situl Web pe un alt server (eg: pe serverul unui distribuitor de servicii Internet — 
Internet Service Provider). 

Potrivit surselor RNC, in Romania existau peste 8.200 de situri active la inceputul 
anului 2001, numărul total de domenii .ro înregistrate fiind de peste 26.000. In luna 
aprilie 2004, existau peste 31 de mii de situri Web operaţionale, dintre care peste 86% 
rulau pe sisteme Linux. 

Un caz particular de disponibilitate a unui sit Web este în cadrul unui ztranet, adică în 
cadrul unei reţele interne — proprii unei companii sau organizaţii — care foloseşte 
tehnologiile Internet. Situl Web dintr-un intranet nu este accesibil persoanelor din 
exteriorul organizaţiei proprietare, ci doar membrilor acesteia. Din acest punct de vedere, 
intranetul poate fi privit ca fiind un mini-Internet, restrâns la nivelul unei reţele locale sau a 
unui grup de reţele. Companiile care s-au slujit de facilitățile intranetului au înregistrat 
economii importante datorită accesului rapid la date şi aplicaţii, comparativ cu problemele 
si costurile ce ar fi fost implicate de distribuirea în scris a acestora în interiorul corporației. 

Un sit Web poate fi disponibil şi în cadrul extranetului — o extindere a facilitatilor 
intranetului prin mijlocirea comunicaţiilor între intraneturile a două sau mai multe 
organizaţii. Avantajele cele mai atrăgătoare sunt cele din domeniul afacerilor pe Internet, în 
sectotul business-to-business (B2B), subiect pe care il vom dezvolta în capitolul al treilea. 

O aplicație Web reprezintă o colecţie interconectata de pagini Web cu conţinut dinamic 
menită a oferi o funcționalitate specifică utilizatorilor. Natural, interacțiunea dintre 
aplicaţie şi utilizatori are loc prin intermediul unei interfețe Web. Deseori, termenii de sit şi 
aplicație Web sunt folosiţi pentru a desemna acelaşi lucru. Ca exemple de aplicaţii Web se 
pot enumera Outlook Web Access, PHPMyAdmin ori webmin (multe altele vor fi menţionate 
pe parcursul acestei lucrări). 
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Interfata unei aplicatii Web de management al unui echipament 


1.1.4 Hipermedia 


Al doilea concept important pe care s-a putut construi Web-ul este cel de multimedia. În 
esență, multimedia reprezintă o sumă de diverse medii de comunicare: statice (text, imagini 
sub formă de fotografii, diagrame sau grafice) şi dinamice (sunet, animaţie, filme). Dacă la 
acest conţinut informational se adaugă şi capabilități de a realiza diverse legături (relaţii) 
între părțile componente ale documentelor multimedia, ceea ce rezultă se numeşte 
hipermedia sau hipertext (termen apărut în anul 1965, în urma cercetărilor întreprinse de 
personalități precum Vannebar Bush, Douglas Engelbart şi Ted Nelson), concept care va 
fi detaliat mai jos. 


1.1.5 Formatarea documentelor Web 


Un document Web dorit a fi accesat trebuie in prealabil formatat (sau marcat) cu ajutorul 
unui limbaj special, denumit HTML (HyperText Markup Language). Principalul autor al 
limbajului este Dan Connolly, experienţa sa în utilitare de documentare on-/ine şi sisteme 
formale ajutându-l să dezvolte specificatia originală a limbajului HTML. 

Filosofia HTML provine din cea a meta-limbajului SGML (Standard Generalized Markup 
Language), standardizat la ISO in anul 1986. 

Urmează standardul HTML 2.0 IETF RFC 1866) care include abilități de afişare mai 
precisă a imaginilor, utilizarea de formulare electronice, tabele, tipuri de legături etc. 
HTML 2.0 permite dezvoltarea masivă a Web-ului, fiind suportat fără restricţii de toate 
browserele WWW. În fapt, standardul HTML 2.0 nu face altceva decât să pună în ordine 
anumite facilități practice apărute începând cu anul 1994. Netscape va extinde o parte 
dintre specificațiile HTML 2.0, adăugând în 1996 o serie de marcaje utile şi constituind 
versiunea foarte populară Netscape Navigator 2.0. 

Versiunea HTML+ s-a dorit a fi o încercare de extindere a limbajului HTML, publicată 
de Dave Raggett in 1993 si prezentată un an mai târziu la prima conferință Web. 

O extensie a HIML+ a fost versiunea HTML 3.0, aceasta nefiind însă niciodată 
standardizată. Ea a fost propusă de Consorţiul Web cu scopul de a impulsiona alcătuirea 
unui standard viabil al limbajului HTML şi de a ghida conceperea de pagini Web. 

În luna iulie 1996, Consorţiul Web anunţă oficial standardul HTML 3.2, perfect 
compatibil cu HTML 2.0, dar conţinând specificaţii suplimentare pentru tabele, imagini şi 
applet-uri. În ianuarie 1997, standardul a fost aprobat, fiind suportat de toate navigatoarele. 

Proiectantii de navigatoare (e.g: Netscape si, ulterior, Microsoft) au implementat 
diferite facilităţi care nu apar definite de nici un standard HTML. De exemplu, Netscape 
Navigator 3.0 oferea — la data lansării sale — posibilităţi de adăugare direct în paginile Web 
a unor elemente multimedia, fundaluri reprezentate de imagini sau cadre (frames) şi altele, 
care nu apăruseră încă în specificaţiile HTML, plus suport pentru srpruri JavaScript 
interpretate direct de către client. 

Următoarea versiune HTML este standardul HTML 4.0, apărut în anul 1997 si apoi 
reactualizat la finalul anului 1999 (varianta HTML 4.07) care oferă suport pentru accesarea 
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paginilor Web din partea persoanelor cu handicap, foi de stiluri interne, suport lingvistic si 
pentru formule matematice, tratarea evenimentelor etc. 

Versiunile actuale ale celor mai cunoscute navigatoare (Mozilla, Netscape, Internet 
Explorer şi Opera) suportă standardul HTML 4. 

Ultima direcţie de standardizare este cea a rescrierii limbajului HTML în termenii meta- 
limbajului extensibil XML (Extensible Markup Language), pentru a-i spori flexibilitatea și a le 
oferi proiectantilor de aplicaţii Web o mai mare adaptabilitate. Astfel, HTML 4.01 este 
urmat de XHTML 7.0, standardizat in luna ianuarie 2000. Standardul actual este XHTML 
1.1, recomandarea secundă a Consortiului Web intrând în vigoare din luna august 2002. 
De asemenea, in prezent, la Consorţiul Web se lucrează la versiunea XHTML 2.0 — detalii 
la adresa http: //www.w3.org/TR/xhtm12. 

Pentru a asigura fiabilitatea si corectitudinea comunicatiilor pe WWW, Consortiul Web 
a introdus HTML Validation Service (serviciu disponibil la adresa 
http://validator.w3.org/) care verifică dacă un anumit document se confor- 
mează standardelor HTML 4.0, XHTML 1.0 sau XHTML 1.1. A se vedea şi cele discutate 
în cadrul capitolului al patrulea. 


Marcajele XHTML descriu structura logică de prezentare a documentului, urmând a fi 
procesate de către programul client (de cele mai multe ori, un navigator). Un astfel de 
document poate cuprinde legături de tip hipertext, indicate prin zone de text sau imagini, 
conducându-l pe utilizator fie în alt punct al aceluiași document, fie într-un alt document, 
care poate să se găsească stocat local (pe serverul curent) sau la distanţă (pe oricare alt sit 
Web din lume). Un document marcat se numeşte pagină Web. Documentele pot include 
elemente multimedia variate datorită facilitatilor puse la dispoziţie de diferitele versiuni ale 
limbajului HTML care prevăd inserarea de imagini (formate grafice precum GIF, JPEG 
sau PNG), fişiere audio (MIDI, WAV ori MP3) şi video (AVI, MPEG, WMV), precum şi 
alte informaţii în formate proprietare sau nu (e.g: arhive, documente PDF, ilustraţii SVG, 
animații Flash, prezentări multimedia sincronizate marcate în SMIL, lumi virtuale modelate 
în VRML/X3D). 

Îmbinarea dintre marcajele XHTML şi diverse coduri scrise în alte limbaje de 
programare (JavaScript, VBScript, Java — pe partea client; C/C++, Perl, PHP, Python, 
Java ori C# — pe partea server) conferă Web-ului interactivitate şi dinamism, caracteristici 
exploatate mai ales de agenţiile mass-media sau de diversele companii comerciale. 

Aceste legături încrucişate între sutele de mii de situri Web realizează o adevărată pânză 
de păianjen (web) planetară (world-wide) de unde provine şi denumirea WWW, iar utilizatorul 
navighează prin ciberspatiul reprezentat de această rețea complexă. 

În ultimii cinci-sase ani, Web-ul s-a dezvoltat exploziv, asimilând si un nou aspect: nu 
se mai limitează la schimbul de informaţii ştiinţifice între cercetători, ci a devenit domeniu 
public, extinzându-se foarte mult în lumea afacerilor şi a divertismentului interactiv. Astfel, 
Web-ul poate fi considerat segmentul Internet cu cea mai rapidă dezvoltare: in timp ce 
Internetul se dublează la fiecare 100 de zile, Web-ul numără peste trei miliarde de pagini 
WWW (numărul exact de documente Web reprezintă încă o necunoscută). 

Dacă Internetul este o reţea de reţele, formată din calculatoare şi medii de transmisie 
care transportă pachete de date de la un calculator la altul, Web-ul reprezintă un spațiu 
abstract de informaţie. Pentru Internet, conexiunile sunt reprezentate de canalele de 
comunicaţie (cu fir sau fără fir) între calculatoare, iar pe Web conexiunile sunt ilustrate 
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prin legături hipertext (conceptuale). De altfel, viziunea originară a Web-ului a fost nu doar 
a crea un mediu colaborativ, menit a fi utilizat doar de oameni, ci de a realiza o platforma 
„inteligentă” pe baza relaţiilor stabilite între diverse resurse Web, cu scopul procesării 
automate de către calculatoare a informaţiilor stocate în cadrul spaţiului WWW. 

La finalul acestei secțiuni, putem concluziona cu faptul că Web-ul există datorită 
aplicaţiilor care asigură comunicarea în cadrul Internetului, făcând din Internet un spaţiu 
public, lipsit de constrângeri, universal şi uşor de utilizat. 


1.2 Conceptul de hipertext 


1.2.1 Motivatie 


Inainte de aparitia si dezvoltarea calculatoarelor, stocarea informatiilor se realiza fie in 
creierul uman, fie — sub formă scrisă, ulterior, tipărită — pe hârtie, in cărți si pe alte 
materiale. 

Calculatoarele oferă soluţii complexe pentru stocarea, într-un volum fizic redus, a unei 
cantități considerabile de informaţii. Mai mult, similar memoriei umane, informaţiile pot fi 
menținute în formă structurată, pot fi actualizate uşor şi, in plus, găsirea datelor de interes 
este facilitată de existența unei serii de instrumente software sofisticate. De asemenea, 
accesul la informaţie al unui număr tot mai mare de utilizatori este extins la nivel mondial 
prin interconectarea calculatoarelor în reţele cu acoperire planetară. 

Indiferent de metoda de stocare, formele principale de organizare a informaţiilor sunt: 


* organizarea liniară — informaţia trebuie parcursă în ordine, de la început până la 
sfârşit, pentru a putea obţine o privire de ansamblu asupra acesteia. De exemplu, un 
roman sau un eseu clasic nu pot fi citite decât în ordinea stabilită de autor. Similar, 
pentru o piesă muzicală (e.g.: concert); 

° organizarea ierarhică — informaţiile se organizează arborescent, pe niveluri (pentru 
cazul textului, în capitole, subcapitole, secțiuni, paragrafe etc.). Cititorul are 
posibilitatea de a se menţine la niveluri mai generale sau poate parcurge doar acele 
informaţii cate i se par mai atractive, prin parcurgerea doar a unor ramuri din 
arborele în care este organizată informaţia în ansamblu. Ordinea de parcurgere în 
acest caz nu mai este atât de stricta fata de cazul anterior. Un exemplu tipic este 
ziarul: cititorul poate citi numai articolele care îl interesează sau chiar numai titlurile 
(eventual subtitlurile) acestora; 

° organizarea asociativă — informaţiile se stochează în reţele de informaţii, într-o forma 
similară celei oferite de memoria umană. Cititorul are posibilitatea de a căuta direct 
un anumit subiect, iar informaţiile au ataşate referiri la altele (e.g. trimiteri în josul 
paginii, la bibliografie sau la anexe). Ca exemple tipice putem menţiona 
enciclopediile si dicționarele sau tratatele ştiinţifice. 


Cercetătorii consideră că memoria noastră de lungă durată este de tip asociativ. 
Cunostintele dobândite sunt strâns legate de altele, iar învăţarea se realizează prin asocierea 
noţiunii noi de cele „știute”, vechi. Această organizate, în reţea, a informaţiilor se 
dovedeşte extrem de versatilă, depinzând şi de diverşi factori psihologici sau fizici. 
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După cum se poate constata, cea mai adecvată formă de organizare computerizată a 
informaţiilor este cea asociativă. In termeni informatici aceasta poartă denumirea de 
bipertext. 


1.2.2 Definiţii si pionieri 


În anul 1965, Ted Nelson propune în premieră termenul Aipertext (text non-linear), 
definindu-l drept „material scris sau grafic interconectat într-o manieră complexă care în 
mod convenţional nu poate fi reprezentat pe hârtie. El poate include cuprinsuri ale 
propriului său conţinut şi relaţiile dintre diverse părți componente; poate de asemenea 
conţine adnotări, adăugiri şi note de subsol pentru cei care doresc să-l examineze”. 
Termenii bipertext şi hipermedia tind să fie consideraţi similari. 

Definiţiile hipertextului s-au diversificat ulterior, printre cele mai frecvente 
enumerându-se următoarele: 


e Hipertextul reprezintă o formă neliniară de document electronic. 

e Hipertextul este o metodă de organizare complexă a informaţiilor in care datele 
sunt memorate într-o rețea de noduri şi legături. Această reţea poate fi parcursă 
prin intermediul navigatoarelor interactive şi manipulata de un editor structural. 

e Hipertextul denotă o tehnică pentru organizarea informaţiei textuale într-o manieră 
sofisticată, neliniară, în vederea facilitării explorării rapide a unei cantități mari de 
cunoştinţe. 

e Hipertextul reprezintă o formă de comunicare dintre om şi calculator, interfața 
fiind chiar hipertextul. 


În cazul în care locul informaţiilor text este luat de cele multimedia, atunci 
documentele hipertext se numesc hipermedia. 

Pentru a vizualiza informaţiile memorate în nodurile rețelei, utilizatorul va folosi o 
interfață reprezentată de cele mai multe ori de un navigator hipertext, având capacitatea de 
a traversa legăturile stabilite între nodurile rețelei. 
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Maşina MEMEX propusă de precursorul hipertextului, Vannebar Bush 


Ideea de a reprezenta printr-o modalitate neliniară mai multe tipuri de medii de 
comunicare este însă mult mai veche. Începuturile hipertextului apar într-un articol 
publicat în iulie 1945 de Vannebar Bush, profesor la MIT, articol purtând titlul „As We 
May Think”. Aceasta imaginează o maşină — MEMEX (MEMory EXtended) — menită a 
ajuta omul în cadrul procesului de memorare, pe baza asociaţiilor dintre conţinut şi formă. 

O altă personalitate implicată în dezvoltările de început ale multimediei este Douglas 
Engelbart, dezvoltator al revoluționarului proiect Augment. Acest proiect deschide o 
direcție importantă de cercetare imediat după ce este prezentat la Fall Joint Computer 
Conference în 1968. La această conferință Engelbart ilustrează în premieră următoarele 
idei inovatoare şi invenţii: mouse, ferestre multiple pe ecranul computerului, facilități de 
procesare de texte şi hipertexte, posta electronică, teleconferinte, documente compuse din 
text şi grafică, limbaje de comandă de tip script, interfeţe grafice. 


Graficon, precursor al calculatoarelor moderne, creat de Douglas Engelbart în anul 1963 


A treia figură importantă este Ted Nelson, inventatorul termenului Aipermedia şi al unui 
sistem hipermedia denumit Xanadu. Ideea de bază a acestui proiect era aceea de a concepe 
un sistem care să conţină întreaga literatură universală, plus alte informaţii, într-un singur 
depozit de date. Desigur, actualmente, Xanadu a fost depăşit de ceea ce înseamnă Web-ul, 
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dat multe dintre ideile de pionerat ale lui Nelson se regăsesc în cadrul WWW si a altor 
sisteme hipermedia actuale. 
Avantajele principale ale hipertextului fata de textul tipărit sunt următoarele: 


* forma neliniară a hipertextului oferă posibilități eficiente de parcurgere a 
conţinutului; 

e mediile electronice pot stoca o cantitate impresionantă de informaţii în diferite 
formate; 

* ţinându-se cont de specificaţiile utilizatorilor, hipertextul oferă o mai bună 
vizualizare a conţinutului şi o navigare rapidă, oricât de complexe ar fi 
documentele; 

e sistemele hipertext oferă posibilitatea ca interogările, filtrările, diversele preferințe si 
adnotările utilizatorilor să fie refolosite ori de câte ori este necesar, putând fi stocate 
în cadrul structurii hipertext a documentelor utilizate. 


Un alt avantaj major este asigurarea ¿independenței de platforma hardware si software, 
formatele proprietare conducând la greutăţi de navigare, căutare sau întreţinere. Din 
moment ce nodurile pot conţine informaţii multimedia, sistemele hipermedia trebuie să fie 
suficient de flexibile pentru a suporta o multitudine de formate grafice, audio şi video. De 
asemenea, sistemele hipertext au posibilitatea de a păstra un istoric al parcurgerii 
informaţiei. 

Principalele probleme pe care le întâmpină informaticienii în privinţa hipertextului sunt 
cele legate, în principal, de: 


* conversie (in general automată) a textului liniar in formă hipertext si — reciproc — 
/iniarizare a hipertextului; 

° proiectare (design) a documentelor hipertext; 

* accesare concurentă a bazelor de date hipertext in context distribuit; 

e găsirea unor modalități optime pentru cãutarea şi interogarea în manieră inteligentă a 
informaţiilor hipertext; 

* suport al extensiilor multimedia; 

e prezentare a documentelor hipertext într-o formă uşor de parcurs de către utilizatori. 


Tehnicile hipertext (hipermedia) pot fi utilizate în diverse aplicaţii precum cărți 
electronice, enciclopedii, sisteme 07-/ne de ajutor, sisteme de învăţare asistată de calculator 
(CAL — Computer-Aided Learning), scriere colaborativa de documente, chioșcuri 
informaţionale interactive, sisteme decizionale etc. 

În prezent, există o serie de sisteme hipertext operaţionale dintre care se pot aminti 
Hyperwave, Microcosm, Storyspace, Webthing şi, desigur, spaţiul World-Wide Web. 


1.2.3 Ingredientele hipertextului 


Conceptele centrale pe care se bazează hipertextul sunt nodurile si legaturile. 

Un nod reprezintă, frecvent, un concept unic (o idee), având în componenţă informaţii 
de tip text, grafică, animaţie, audio, video sau programe. Un nod poate avea asociat un tip 
care înglobează o informatie semantică. Nodurile sunt conectate la alte noduri prin 
intermediul legăturilor. Nodul sursă al unei legături poartă numele de referință, iar nodul 
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destinaţie se numeşte referent. Nodurile referință si referent sunt denumite şi ancore. 
Conţinutul unui nod se afişează la activarea (urmarea) legăturii. 

Modalitatea de memorare a informaţiilor în cadrul nodurilor variază de la sistem la 
sistem, dar cele mai folosite tehnici sunt cele bazate pe SGML (Standard Generalized Markup 
Language) sau XML (Extensible Markup Language), pentru Web pretându-se limbajul HTML 
(HyperText Markup Language) şi succesorul acestuia, XHTML (Extensible HTML), pe care le 
vom descrie mai tarziu, in cadrul capitolului 4. 


Publicistica Icoane vechi si icoane nouă 


P roza Cezara 
Fat-Frumos din lacrima 


Poezii 
Venere si Madonă 
Mortua Est 
Memento Mori 
Floare albastra 
inger si demon A 
Fat-Frumos din Tei 


pagina principala 


Instantaneu din enciclopedia hipermedia dedicată lui Mihai Eminescu 


Legăturile reprezintă conexiuni între noduri (sau concepte) dependente unul de altul, 
putând fi stabilite în cadrul aceluiaşi document şi/sau între documente diferite, permiţând 
organizarea nelineara a informaţiilor. 

Legăturile sunt bidirectionale sau unidirectional. Legaturilor li se pot asocia tipuri care 
definesc natura relaţiei dintre noduri: 


referentiale — non-ierarhice, utile pentru realizarea referintelor încrucişate, fiind cele 
care deosebesc cel mai bine hipermedia de celelalte forme de stocare a informaţiei; 
organizationale (denumite ierarhice sau structurale) — desemnează relațiile 
părinte-copil dintre noduri, folosite la organizarea nodurilor în manieră ierarhică 
într-o structură strictă; acest tip de legături este esențial pentru liniarizarea 
hipertextului şi permite autorilor să verifice coerenţa structurii hipertext. 
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Cuprins Pag.1 Pag.2 Pag.3 Index 


Structură hipertext liniară (incluzând legături referential) 


De asemenea, legăturile pot fi statice (stabilite de autorul documentului, la momentul 
proiectării reţelei hipertext) sau dinamice (create în momentul parcurgerii structurii 
hipertext, în funcţie de context sau de cerințele utilizatorilor). 

Legăturile dinamice se pot utiliza, de exemplu, pentru a încorpora proceduri de 
secutitate (o legătură poate fi disponibilă doar pentru un utilizator privilegiat, eventual 
autentificat în prealabil) ori pentru a permite utilizatorilor să-şi creeze propriile legături 
între diverse noduri care, în mod uzual, nu sunt conectate direct. 

Activarea marcajelor unei legături conduce, desigur, la vizualizarea (activarea) 
nodurilor. 


* obiect hipertext 
* nod 
e de structură 
* nod secvențial 
e cale liniară 
e cale alternativă 
* cale condiţionată 
* nod de explorare 
e de conţinut 
* atomic 
* sursă internă 
e sursă externă 
* nod compus 
e legătură 
e de structură 
e legătură secventiala 
e legătură de explorare 
* de conținut 


Structura ierarhică a conceptului de obiect hipertext 
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1.2.4 Documente hipertext 


Înțelegerea unui document hipertext si navigarea prin acesta depind de abilitatea 
utilizatorului de a construi o reprezentare mentală coerentă a structurii hipertextului, 
rămânând în responsabilitatea creatorului documentului să asigure această coerență. 
Proiectarea unui document hipertext coerent poate fi considerată o problemă de design, 
fără a exista însă legi pentru conceperea de documente hipertext „corecte” (desi unii 
cercetători din domeniu au descris o serie de reguli pentru aceasta). Un document 
hipertext considerat coerent este constituit din trei componente: partea de conținut, partea 
de organizare şi partea de prezentare a informaţiilor. 


Partea de conținut 


Nodurilor şi legăturilor le pot fi asociate proprietăți (semantici), în vederea asigurării 
coerenţei informaţiei dintr-un document hipertext. Partea de conţinut stochează obiecte 
purtătoare de informatie: noduri de conţinut — care memorează date — si legături de 
conţinut — care conectează nodurile de conţinut pe baza unor relaţii semantice. Nodutile 
de conţinut pot fi atomice sau pot fi compuse din alte noduri (mărimea unui nod este 
determinată de autorul documentului hipertext respectiv). Precizand natura semantică a 
relațiilor dintre noduri, legăturile se clasifică pe mai multe niveluri, astfel: 


e nivelul 1: legăturile nu au asociate etichete (informaţii suplimentare); 

e nivelul 2: legăturile posedă etichete descriind înţelesul global al relaţiei dintre 
obiecte (że. „este ilustrat de” sau „este discutat de”); 

e nivelul 3: legăturile au etichete mai detaliate (eg: „este vizualizat grafic prin”, „este 
criticat de”). 


Această clasificare poate fi rafinată, în sensul că ierarhia nivelurilor legăturilor depinde 
de stadiul actual de cunoaştere sau de experienţa acestuia în domeniul hipertextului. 


Partea de organizare 


Nodurile şi legăturile de structură stocate în această parte asigură documentului o coerență 
sporită, deoarece prin intermediul lor autorul isi structurează rețeaua hipertext din 
perspectiva cititorului. Acesta poate pregăti (imagina) diferite variante ale documentului, în 
funcţie de receptorii pe care îi vizează (e.g: anumite legături vor putea fi traversate numai 
de utilizatorii experţi). 

Nodurile de structură organizează nodurile de conţinut şi legăturile într-o manieră 
specifică, fiecare nod de structură având ataşate un nume si un nod de start. Aceste noduri 
pot fi clasificate în: 


e noduri de secvență — prin care autorul defineşte o anumită secvență de citire a 
conţinutului hipertextului (cititorul poate fi constrâns să urmeze secvenţa de noduri 
indicată de autor; de exemplu, se poate realiza un ghid de „vizitare” a unui conţinut 
specific); 

e noduri de explorare — care oferă utilizatorului posibilități de explorare complexă, non- 
secventiala a reţelei hipertext (e.g.: un glosar de termeni). 


Legăturile de structură pot fi: 
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e legături de secvență — asociate conţinutului fiecărui nod de secvenţă care posedă o 
secvență de prezentare, fiind utilizate pentru a defini ordinea de parcurgere a 
informaţiei: liniară, arborescentă etc.; 

° legături de explorare — care oferă acces la nodurile de explorare. 


Nodurile de secvență împreună cu legăturile de secvență pot oferi diverse secvenţe 
(scenarii) de prezentare a conţinutului hipertext (ca de exemplu căi de vizitare secvențiale, 
arborescente sau conditionale). 


Partea de prezentare 


Această parte pregăteşte vizualizarea structurii şi conţinutului hipertextului, oferind diverse 
mecanisme de navigare. Autorii pot adopta diferite stiluri de prezentare a informaţiilor: 


° zextual — nu există o vizualizare grafică a structurii, prezentarea fiind limitată la 
afişarea conţinutului unuia sau mai multor noduri (utilizatorul nu este conştient că 
traversează o structură hipertext); 

e grafic — există o vizualizare grafică a structurii hipertext (eg.: harta legăturilor dintre 
noduri, arborele de navigare etc.); 

* combinat — oferă ambele posibilități de prezentare. 


1.2.5 Structuri hipertext 


Documentele hipertext se structurează asemenea reţelelor (grafurilor), fără restricţii în ceea 
ce priveşte mărimea nodurilor sau modul de realizare a legăturilor dintre ele. Uneori o 
structură hipertext poate deveni extrem de mare, în aceste cazuri utilizându-se de obicei 
legături organizaționale pentru a uşura utilizatorilor efortul de parcurgere. Structura 
hiperdocumentelor devine deosebit de importantă din punctul de vedere al problemei 
parcurgerii în întregime a nodurilor si a regăsirii informaţiilor (utilizatorii se pot confrunta 
cu aşa-numita „pierdere în spaţiu” — /ost in space — atunci cand nu mai ştiu unde se află în 
cadrul structurii hipertext). 

Există mai multe abordări pentru realizarea unei structuri hipertext valide si facil de 
parcurs. Dintre acestea pot fi amintite: 


° metafora cărții tipărite — una dintre cele mai uzuale modalități de organizare a 
informaţiilor, in care structura liniară poate acompania un alt tip de structură, 
folosindu-se legături organizaționale între nodurile hiperdocumentelor sau legături 
apte a oferi ceea ce se numeşte „capacitatea neliniară controlată” de a parcurge 
hipertextul. Astfel, legăturile către cuprins, referințe, note de subsol, glosar de 
termeni etc. pot apărea cu succes pentru a îmbunătăţi structura documentelor. 
Structurile liniare pot fi utilizate pentru aşa-numitul Zour-guide al unui sistem, fiind 
pregătite în prealabil de către experţi cu scopul de a ghida un novice printr-o reţea 
de noduri hipertext. Această abordare poate fi folosită în cazul enciclopediilor 
multimedia, manualelor electronice sau sistemelor on-/ine de ajutor. 

Se oferă astfel suport pentru traversarea unui text liniar inclus într-o reţea hipertext, 
dat aceasta abordare se dovedeşte nesatisfăcătoare în cazul explorării 
hiperdocumentelor liniare de dimensiuni considerabile; 
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e structura liniară cu salturi — adoptată de Apple in cadrul sistemului HyperCard, 
constând dintr-o structură arborescentă în cadrul căreia nodurile pot fi traversate în 
oricare direcție urmându-se o cale liniară, existând şi posibilitatea realizării de salturi 
de la orice nod la un nod principal denumit nodul acasă (home). Nodul acasă poate fi 
o bibliotecă având în componenţă diverse documente liniare (e.g: cărți electronice); 
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Structură liniară cu salturi 


e structura ierarhică — utilizată în cazul în care informația dintr-un hiperdocument se 
poate divide în mod natural în ierarhii ordonate. Autorul documentului hipertext 
poate crea ierarhii de informaţii utilizând legături organizaționale şi apoi adăuga 
legături referentiale facilitând interconectarea acestor ierarhii. Pe lângă posibilitatea 
navigării cu succes printr-o rețea hipertext, un avantaj suplimentar este acela că, în 
cadrul unei structuri de tip ierarhic, menţinerea integrităţii şi explorarea nodurilor se 
realizează mai uşor. 


Este posibil, desigur, ca în cadrul unui singur hiperdocument să coexiste mai multe 
principii de structurare. Căile liniare sunt uzuale pentru parcurgerea unei arii de interes 
într-o ordine prestabilită; structura liniară cu salturi permite navigarea între oricare două 
noduri, în timp ce organizarea ierarhică oferă o structură de tip index. 


1.3 Localizarea informaţiilor 


Localizarea informaţiilor în Internet se realizează apelându-se la așa-numiții /dep&frazori 
uniformi de resurse — URI (Uniform Resource Identifiers). 

Este considerată resursă orice entitate având identitate: un document electronic, o 
imagine, un serviciu (ze. serviciul de posta electronică), o colecţie de alte resurse. Nu toate 
resursele pot fi accesate direct pe Internet de vreme ce pot fi considerate drept resurse 
(non-electronice) şi ființele umane, organizaţiile, volumele dintr-o bibliotecă etc. O resursă 
se poate menţine constantă în timp, deşi conţinutul ei — entităţile cărora le corespunde — se 
poate modifica. Pentru facila lor localizare, resursele sunt desemnate printr-un édentificator 
(în cazul Internetului, identificatorii reprezintă o secvenţă de caractere având o sintaxă bine 
definită, după cum vom vedea mai jos). Pentru ca diverse tipuri de identificatori de resurse 
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să poate fi utilizate în același mod, s-a recurs la folosirea unor scheme wniforme de 
identificatori. Acest principiu adoptat asigură independența de mecanismul (protocolul) 
folosit pentru accesarea resurselor, permitandu-se astfel interpretarea într-o manieră 
uniformă a mai multor convenţii sintactice desemnând identificatori ai unor resurse 
eterogene. Mai mult, pot fi introduse noi tipuri de identificatori de resurse fără a fi 
modificat modul de adresare a vechilor tipuri. 

Identificatorii uniformi de resurse pot fi divizați în două categorii: 


* localizatori uniformi de resurse — URL (Uniform Resource Locator) care identifică resursele 
printr-o reprezentare a mecanismului de accesare a lor (¢.g.: localizarea unor resurse 
prin intermediul adresei calculatorului pe care sunt stocate si a retelei din care face 
parte acel computer), nu prin nume sau alte atribute (vezi mai jos); 

* nume uniforme de resurse — URN (Uniform Resource Name) permite specificarea unei 
resurse chiar dacă resursa a dispărut ori a devenit inaccesibilă, prin intermediul unui 
nume care rămâne permanent şi unic. URN-ul se utilizează mai ales pentru a 
desemna entităţi folosite de anumite aplicaţii Web. 

Ca exemple de URN-uti putem da: 


e urn:mozilla:package:communicator 
e urn:schemas-microsoft-com:datatypes 


Drept exemple de URL-uri le descriem pe următoarele: 


e http://www.infoiasi.ro/~busaco/cv.html — se identifică resursa 
reprezentată de documentul Web cv.html prin intermediul acestui URL, via o 
schema ,,http” asociată serviciilor protocolului de transfer a hipertextelor (HTTP — 
HyperText Transfer Protocol); 

e ftp://ftp.uaic.ro/pub/Readme.txt — se utilizează o schemă „ftp” 
pentru serviciile protocolului de transfer de fişiere (FTP — File Transfer Protocol; 

* mailto:busaco@infoiasi.ro — contul unui utilizator Internet se specifica 
printr-o schemă ,,mailto” pentru posta electronica; 

* news:comp.infosystems.www.servers.unix — colecţia de articole dintr- 
un grup de ştiri se identifică printr-o resursă folosind o schemă „news” pentru 
grupurile de stiri USENET (NNTP — Network News Transfer Protocol); 

e telnet://delta.ac.tuiasi.ro:7777 — se foloseşte o schemă ,,telnet” 
pentru servicii interactive de terminal virtual la distanta via protocolul TELNET. 


Un URL este alcătuit din următoarele componente principale: 


protocol: //domeniu/cale?şir de interogare 


Componentele protocol (de cele mai multe ori http, specificând utilizarea 
protocolului HTTP pentru accesarea resurselor Web) şi domeniu sunt obligatorii. 

Componenta domeniu reprezintă în mod uzual numele unui server Web de pe care 
dorim să accesăm o pagină WWW (a unui sit), identificând într-o manieră unică un 
calculator conectat la Internet. Domeniul poate fi specificat printr-un sir de patru octeți 
despartiti de punct, şir denumit adresă IP (de exemplu: 193.231.30.197), sau prin 
numele simbolic — mai uşor de reținut — corespunzător adresei IP, asociat unui calculator 
(adresei IP dată mai sus îi corespunde numele fenrir.infoiasi.ro). Numele 
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simbolic reprezintă un şir de identificatori de domenii sau de sub-domenii şi de 
calculatoare ale unui (sub)domeniu. 

Domeniile primare (principale) sunt cele apărute la începuturile Internetului (de obicei 
localizate în Statele Unite ale Americii, dar nu obligatoriu): 


e „com desemnează o companie sau organizaţie comercială (de asemenea, un astfel 
de domeniu poate fi asociat şi sitului personal al unei persoane fizice) — 
„ibm. com, .9gmail.com sau .jclark.com, 

e „org reprezintă o organizație non-profit — .w3.org (Consorţiul Web), 
-mindswap.org ori .oasis-open.org, 

e „gov specifică domeniul unei organizaţii guvernamentale (americane) — 
„whitehouse.gov, .xml.gov sau .web-services.gov, 

e „mil desemnează o organizaţie militară — .dmso.mil sau .navy.mil, 

e „net reprezintă o organizaţie cu preocupări în domeniul reţelelor de calculatoare şi 
al Internetului — .uu.net ori .php.net, 

e „int desemnează o organizaţie internaţională — .greenpeace. int, 

e „edu specifică domeniul unei organizaţii din spaţiul academic, educativ (de origine 
americană) — .uiuc.edu ori .stanford.edu. 


Tot domenii primare sunt considerate cele corespunzătoare statelor lumii, codificate 
conform codului rutier. De exemplu, .ro corespunde României, .de este specific 
Germaniei, . jp asociat Japoniei etc. Mai recent, au apărut domenii primare noi precum 
. ws (denumire provenind de la World Site) specific siturilor Web comerciale, .biz dedicat 
activităţilor de afaceri Internet (e-business) sau . info pentru siturile Web informaţionale. 
De la începutul anului 2006 va fi operational şi domeniul . eu (European Union). 

În România, autoritatea care se ocupă cu înregistrarea şi reglementarea domeniilor . ro 
este Reteaua Națională de Calculatoare (RNC) — www . Ene. ro. Înregistrarea unui domeniu 
„ro se poate realiza direct la RNC sau la unul dintre partenerii acestuia, persoana care a 
înregistrat domeniul purtând răspunderea pentru eventualele conflicte apărute. Instituţia 
RNC poate suspenda sau anula dreptul de folosinţă al unui domeniu, în condiţiile sesizării 
existenţei unor litigii pe rol, folosirii inadecvate a numelui de domeniu sau dacă datele 
despre organizaţia sau persoana cate a înregistrat domeniul respectiv sunt false ori 
incorecte etc. 

Fiecare domeniu primar va avea în jurisdicție o serie de sub-domenii, corespunzând 
diverselor organizaţii, companii şi persoane care fac parte din acel domeniu. Un sub- 
domeniu poate fi compus din sub-sub-domenii sau din nume simbolice de mașini 
conectate la Internet. De exemplu, este uşor de înțeles că adresa www.infoiasi.ro 
corespunde calculatorului www (serverul Web) din sub-domeniul infoiasi al 
domeniului .ro. Un calculator poate avea asociate mai multe nume simbolice (de 
exemplu, serverul thor are asociat şi numele www, denumit si a/as, pentru servicii de tip 
World-Wide Web, dar si a#as-ul ftp pentru servicii de transfer de fişiere via FTP). Aşadar, 
www.infoiasi.ro este identic cu thor.infoiasi.ro sau cu 
FEED INLOLasI.EO, 

Pentru a vizita pagina principală a serverului (sitului) Web al Facultăţii de Informatică 
din Iaşi se va folosi URL-ul următor: http: //www.infoiasi.ro. La fel de bine, se 
putea utiliza http://193.231.30.131, dar se preferă numele simbolice pentru că 


30 Proiectarea siturilor Web 


sunt mult mai uşor de reţinut si în plus sunt independente de adresa IP stabilită (mai mult, 
pot exista adrese IP multiple asociate cu același nume simbolic). 

Corespondenta dintre numele simbolic şi adresa IP ale unui calculator este facilitată de 
un serviciu denumit DNS (Domain Name System) — sistemul numelor de domenii. 


infoiasi tuiasi 


fenrir 


Ierarhia de domenii de nume — primul nivel este cel al domeniilor primare 


Dacă se doreşte accesarea unei anumite resurse (fişier), memorată pe un server Web, va 
trebui ca în cadrul URL-ului, imediat după domeniu să fie specificată calea până la acea 
resursă, adică şirul de nume de directoare, terminat eventual cu numele fişierului dorit. 
Directoarele vor fi despărțite de caracterul ,,/”, ca în exemplul următor: 
http: //www.infoiasi.ro/eurolan/euro95.html. Acest URL indică resursa 
desemnată de documentul HTML euro95.html, resursă aflată în directorul eurolan 
localizat în directorul rădăcină al sitului Web www. infoiasi.ro. Dacă la sfârşitul unei 
căi de directoare nu este specificat numele unui fişier, va fi încărcată o pagină implicită 
(denumită şi pagină index) al cărei nume este dependent de serverul Web operational pe 
calculatorul accesat sau de modul de configurare a acestuia (ca exemple standard pot fi 
menţionate index.html pentru un server Apache ori default .htm pentru Microsoft 
IIS). 

Dacă un nume de director sau de fişier include caracterul spaţiu sau un alt caracter 
rezervat, acestea vor fi substituite de codul în baza 16 al caracterului in cauză, precedat de 
» (eg: www.infoiasi.ro/docs/Pagina Web.html va fi transformat in 
www.infoiasi.ro/docs/Pagina%20Web.html, ţinând cont de faptul că spațiul 
are codul 32 în baza 10, adică 20 în baza 16). 

Alte simboluri ce pot fi întâlnite în componenţa unui URL sunt: 


e caracterul ,,#” (la finalul URL-ului) determină poziționarea într-o anumită secțiune 
a resursei (termenul tehnic este sdentificator de fragment). De exemplu: 
http: //www2002 .org/CDROM/refereed/481/index.htmliSunone; 
e caracterul ,,~” indică pagina personală a unui utilizator care posedă cont pe serverul 
precizat in URL (caracterul 4/4a semnifică directorul home al acestui utilizator pe o 
maşină Unix/Linux). 
De exemplu, http://www.infoiasi.ro/-“busaco/teach/ va desemna 
pagina index.html stocată în directorul teach aflat în directorul Web al 


Spaţiul World-Wide Web 31 


directorului ome aparţinând utilizatorului cu numele busaco de pe maşina cu 
numele simbolic www.infoiasi.ro; 

e caracterul ,,?” prefixează un sit denumit sir de interogare conţinând anumite 
informaţii transmise resursei accesate. De multe ori, URL-urile pot include referiri 
la resurse care nu reprezintă documente propriu-zise, ci programe (script-uri) 
executate de serverul Web. Aceste programe pot fi, de exemplu, serpruri CGI 
(Common Gateway Interface) având în mod uzual extensia .cgi, programe PHP cu 
extensia .php sau alte tipuri de aplicaţii executate pe server (że. servlet-uri Java, 
programe ASP sau ASP.NET). Sirul de interogare prefixat de ,,?” reprezinta tocmai 
datele de intrare transmise unui astfel de program. De exemplu, pentru a cauta 
paginile Web conţinând cuvântul „Dal? vom putea scrie URL-ul următor: 
http: //www.altavista.com/cgi- 
bin/query?pg=qéwhat=web&q=Dali, apelând la motorul de căutare 
Altavista. Acest şir de interogare nu poate conţine caracterele ,,;”, ,,/”, 2”, 2”, 
l”, 8, >, ets or” ŞI p9”, ele fiind codificate în baza 16 şi prefixate de 
simbolul 5”. 


URL-urile pot fi utilizate, de asemenea, si pentru accesarea fişierelor locale, aflate pe 
calculatorul pe care rulează şi navigatorul Web. În acest scop se va folosi schema file, ca 
în exemplul următor: file:///C:/Temp (navigatorul va afişa conţinutul directorului 
Temp de pe discul C: al unui calculator rulând sub sistemul de operare Windows). Un 
URL similar, în cazul Unix (Linux), ar fi file:///tmp/. 

De menţionat faptul că pot exista şi alte scheme URL nestandardizate, ca de exemplu 
man, utilizată de navigatorul Nautilus pentru a accesa documentatiile de sistem Linux 
procesate în mod uzual de comanda man. Astfel, pentru a consulta paginile de manual ale 
she/l-ului bash, se poate folosi URL-ul man : bash, în locul comenzii man bash. 


"3 Manpage of BASH 
| File Edit View Go Bookmarks Preferences Help 


a aa 


Back Forward Up Refresh Home Find WebSearch Stop 


În oo) 
<$ SYNOPSIS Z 


Manpage of BASH g | bash [options] [file] 
HTML page 


7 COPYRIGHT 


Bash is Copyright (C) 1989-2001 by the Free Software Foundation, 
Inc. 


DESCRIPTION 


Bash is an sh-compatible command language interpreter that executes 
commands read from the standard input or from a file, Bash also 
incorporates useful features from the Korz and C shells (ksh and esh). 


Bash is intended to be aconformant implementation of the IEEE 
POSIX Shell and Tools specification (IEEE Working Group 1003.2). 


A OPTIONS 
Ra Notes 


Help) History! In addition to the single-character shell options documented in the 
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Utilizarea unui navigator Web disponibil sub Linux 
pentru parcurgerea paginilor de manual ale unei comenzii 


1.4 Protocolul HTTP pe scurt 


1.4.1 Caracterizare 


Am văzut in cadrul acestui capitolul că printre conceptele esenţiale ale tehnologiilor 
Internet se enumeră /;pertextu/ (hipermedia). Baza comunicării dintre serverele şi clienții Web 
este asigurată de protocolul HTTP (HyperText Transfer Protocol, ajuns actualmente la 
versiunea 1.1. O caracteristică importantă a protocolului este independenţa de platformă, 
diferitele calculatoare care comunică prin HTTP putând folosi diverse sisteme de operare 
şi aplicaţii hipertext. 

Chiar dacă a fost proiectat în principal pentru transmiterea generică de informaţii în 
format hipertext, HTTP susţine şi protocoale mai vechi, precum SMTP (Simple Mail 
Transfer Protocoh, FTP (File Transfer Protocol, NNTP (Network News Transfer Protocol) sau 
Gopher. Fiind un protocol utilizat in Internet, HTTP este bazat pe stiva de protocoale 
TCP/IP. 

Principalele concepte cu care lucrează protocolul sunt cererea şi răspunsul. Un client Web 
trimite un mesaj (cererea) la un server. Mesajul are forma data de standardul HTTP in 
vigoare şi conţine identificatorul resursei dorite, furnizat ca URI (vezi supra), metoda de 
acces utilizată, versiunea protocolului, precum și o serie de meta-informatii care pot fi utile 
serverului. Răspunsul returnat de serverul HTTP va cuprinde un cod desemnând starea 
serverului după interpretarea cererii, un mesaj explicativ în limbaj natural (uzual, în limba 
engleză) pentru codul de stare transmis, diverse meta-informatii procesate de către client 
si, eventual, un conţinut (¢.g.: resursa solicitată). 

Frecvent, o sesiune de comunicare HTTP va fi iniţiată de către client şi va consta din 
cererea unei resurse identificate unic pe un server cunoscut, denumit si server de origine. În 
comunicarea dintre clientul şi serverul în cauză pot să apară unul sau mai mulți 
intermediari: proxy (numit şi server proxy), poartă (gateway) sau tunel (tunnel. 


* Proxy-ul reprezintă un server intermediar care retrimite un mesaj HTTP, eventual 
modificând o parte a acestuia. 

* Poarta este un intermediar situat înaintea unui server de origine, identificându-se 
drept acesta, clientul necunoscând acest lucru. 

° Tunelul reprezintă un intermediar care nu schimbă conţinutul mesajului, ci are rol 
exclusiv de retransmitere a lui. 


De cele mai multe ori între clientul şi serverul de otigine nu vor exista intermediari, 
stabilindu-se așadar o conexiune directă: clientul Web va formula o cerere de solicitare a 
unei resurse stocate pe un server Web si va primi răspunsul furnizat de acel server. 


Trebuie mentionat faptul ca, de cele mai multe ori, atat serverul, cat si clientul recurg la 
un depozit local de stocare (in memorie și/sau pe disc) a mesajelor (datelor) recepționate 
ori transmise, depozit denumit cache, in vederea minimizarii traficului de reţea. 
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Modelul client/server HTTP 


Drept exemplu tipic de cerere-raspuns în care un navigator Web (in acest caz, Mozilla 

rulând pe platforma Linux) solicită resursa desemnată 
http://www.infoiasi.ro/~busaco/index.html şi obține 
XHTML transmis de serverul Web (Apache) de la adresa www. infoiasi. ro este: 


1.6 


Cererea formulată de navigatorul Web şi trimisă serverului: 


GET 


/-busaco/index.html HTTP/1.1 


Host: www.infoiasi.ro 

User-Agent: Mozilla/5.0 (X11; U; Linux i686; 
en-US; rv:1.6) Gecko/20040115 

Accept: image/gif, image/jpeg, */* 
Accept=-Language: en-us 

Accept-Encoding: gzip,deflate, compress, identity 
Keep-Alive: 300 

Connection: keep-alive 


Raspunsul furnizat de serverul Web: 


HTT: 


P/1.1 200 OK 


Date: Mon, 26 Apr 2004 13:42:40 GMT 
Server: Apache/2.0.40 (Red Hat Linux) 


Las 


t-Modified: Fri, 23 Apr 2004 17:33:14 GMT 


Accept-Ranges: bytes 


Con 
Con 


tent-Length: 10047 


tent-Type: text/html; charset=iso-8859-1 


Connection: keep-alive 
<!DOCTYPE html PUBLIC 
"—//W3C//DTD XHTML 1.0 Transitional//EN" 


"http: //www.w3 


<?xml-stylesheet href="csb.css" type="text/css"?> 
<html xmlns="http://www.w3.org/1999/xhtml1"> 


</html> 


de URI-ul 
codul-sursa 


.org/TR/xhtml1/DTD/xhtmll-transitional.dtd"> 
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Serverul Web va fi disponibil implicit la portul 80 al maşinii pe care rulează si atunci, in 
cadrul unui URL, nu va fi specificat în mod explicit. Dacă totuşi resursa pe care dorim să o 
accesam necesită precizarea altui port (eg: 8080 care este portul implicit al serverului 
proxy), atunci, după numele de domeniu, vom scrie şi portul respectiv. Un exemplu de o 
astfel de adresă Web este http: //www.infoiasi.ro:8080/index.html. 


1.4.2 Codificarea conținutului. Standardul MIME 


Pentru ca datele să fie corect interpretate, indiferent de platforma hardware şi software sau 
de arhitectura reţelei, ele trebuie să respecte aceeaşi codificare pe Web. 

Pentru aceasta se recurge, în primul rând, la setu? de caractere folosit. Seturile de caractere 
sunt utilizate în vederea interpretării corecte a datelor schimbate utilizând protocolul 
HTTP între două platforme diferite, cu reprezentări diferite ale datelor. Spre exemplu, un 
mediu Windows poate interactiona la un moment dat cu un mediu Linux (Unix) sau un 
navigator de pe un calculator Apple Macintosh doreşte resurse deținute de un server Web 
rulând pe o platformă Sun. Astfel, informaţia este transmisă in forma unui şir de octeți 
codificati conform unui set de caractere, urmând ca aplicaţia de la celălalt capăt al 
comunicaţiei, folosind indicaţiile despre setul de caractere, să realizeze transformarea din 
sit de octeți în sir de caractere. Setul de caractere implicit (standard) este ISO-8859-1, dar 
există o multitudine de alte seturi (de exemplu, ISO-8859-2 denumit si Latin-2 oferă si 
reprezentarea diacriticelor din limba română). 

Pentru a putea transfera pe reţea diferite tipuri de documente (pagini Web, fişiere 
grafice in diverite formate, documente multimedia, programe etc.) şi pentru a putea 
interpreta corect aceste tipuri, in prezent este în vigoare standardul MIME (Multipurpose 
Internet Mail Extensions). Conform acestuia, fiecărei resurse i se specifică tipul şi subtipul 
acesteia. De exemplu, text/html pentru un document (X)HTML, text/plain în 
cazul unui document text neformatat, image/jpeg pentru o imagine în format JPEG, 
image/gif pentru o imagine in format GIF, video/mpeg în cazul unui film MPEG, 
model /vrml pentru o lume virtuală modelată în VRML etc. Aceste tipuri si subtipuri 
MIME sunt, de asemenea, utilizate şi la transferul prin Internet de documente ataşate în 
mesajele de poştă electronică. 

Tipurile MIME primare sunt enumerate de tabelul de mai jos: 


application/executable 
(program executabil) 
application/octet-stream 
(şir de octeți) 
application/pdf 

(document PDF) 


application |defineste aplicatiile client 


text/plain 

(text obisnuit) 

text/html 

(document formatat HTML) 


specifica formatele text 
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image desemnează formatele grafice dia je ea Cesagine J) 
image/png (imagine PNG) 
audio/basic 

audio defineste formatele audio (document audio standard) 
audio/aiff (fişier AIFF) 


video/mpeg (document MPEG) 
video specifica formatele video video/quicktime 
(fisier QuickTime) 


utilizat pentru transmisia 
, aroia jolo ee multipart/mixed 
multipart (de exemplu, upload-uri de (consinatmixd 
fisiere si alte date completate i 
într-un formular Web) 


Tipurile MIME primare 


Pentru tipurile şi/sau subtipurile MIME nestandardizate încă se convine ca numele lor 
să fie prefixate de „x-”. De exemplu, image/x-xbitmap va desemna formatul grafic 
XBM folosit de mediul XWindow, iar x-world/x-vrml reprezintă o lume virtuală 
modelată în limbajul VRML (acest ultim tip MIME este înlocuit, în prezent, de 
model/vrml). 

Putem remarca faptul că managerii de fişiere disponibili în cadrul sistemelor de operare 
actuale folosesc de asemenea standardul MIME pentru a asocia diferitelor formate de 
documente aplicaţiile necesare procesării conţinutului acestora. 


1.4.3 Formatul mesajelor HTTP 


Cererile si răspunsurile HTTP sunt vehiculate în Internet prin intermediul mesajelor. Vom 
avea două tipuri de mesaje: cerere de la client către server şi răspuns al serverului către client. 
Un mesaj prezintă următoarea formă generală: 


Mesaj HTTP = 
linie de start 
(atribut de antet)* 
CRLF 
[ continut al mesajului ] 


Linia de start este denumită /nie de cerere (in cazul cererii) sau /inie de stare (pentru un 
mesaj de tip răspuns). Meta-caracterul „*” desemnează faptul că numărul de apariţii al 
unui atribut de antet HTTP poate fi nul, 1 sau oricare, iar CRLF reprezintă secvența de 
caractere Carriage Return (codul 13) si Line Feed (codul 10). Construcţia ,,[...]” indică o 
aparitie opţională a expresiei dintre parantezele drepte. 

În descrierea dată mai sus, atribut de antet desemnează partea de început de 
mesaj — antetul (header). Un antet conţine mai multe atribute care sunt utilizate de un 
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program la completarea unei cereri sau a unui răspuns cu meta-informatia necesară 
interpretării corecte a mesajului prin stabilirea unor valori specificate de către protocolul 
HTTP sau a unor protocoale definite de utilizator. 

Un atribut de antet HTTP are forma: 


Atribut de antet = nume atribut "i" [ valoare atribut | 


În exemplul de mai sus, pentru cerere observăm că s-au specificat, printre altele, 
atributele Host (gazda resursei) şi User-Agent (programul-client folosit). 

În cazul răspunsului replicat de server, s-au trimis în antet atributele Server (numele 
si versiunea serverului Web), Content-Length (lungimea propriu-zisă a conţinutului 
răspunsului) sau Content-Type (tipul si subtipul MIME ale resursei returnate). 

Corpul mesajului HTTP conţine entitatea asociată cererii sau răspunsului, de multe ori 
reprezentând chiar resursa din linia de antet a cererii. Corpul unui mesaj poate să lipsească 
(unele metode din cerere impun acest lucru). 


Mesaje de tip cerere 


Pentru o cerere, linia de antet conţine numele metodei folosite, urmat de identificatorul 
resursei căreia i se adresează cererea (URI) si de versiunea protocolului (eg: HTTP/1.1). 
Această metodă reprezintă acțiunea care va fi întreprinsă în raport cu resursa specificată de 
către URI. De regulă, metoda este precizată cu majuscule, iar metodele permise de 
specificatia HTTP/1.1 sunt GET, HEAD, POST, PUT, OPTIONS, DELETE, TRACE 
şi CONNECT. Se oferă, de asemenea, posibilitatea de a folosi si alte metode — 
nestandardizate — atat timp cat ele pot fi identificate de catre toate partile implicate in 
comunicatia de date. 
Cele mai utilizate metode HTTP sunt următoarele: 


e GET- poate cea mai des folosită, reprezintă o cerere de accesare a unor informații. 
Un client HTTP (navigator, robot, program de descărcare etc.) utilizează metoda 
GET pentru a obţine o anumită resursă desemnată de un URI. Resursa poate 
reprezenta un fişier (pagină Web, fișier text, imagine în format PNG sau JPEG, 
aplicaţie, arhivă, document multimedia etc.) sau poate indica execuţia pe serverul 
Web a unui proces care va produce datele dorite (e.g.: invocarea unui script CGI). 

* HEAD — similară cu metoda precedentă, dar serverul va returna un mesaj având 
informaţii doar în antet. Utilitatea acestei metode constă în obținerea meta- 
informaţiei asociate unei resurse Web fără a transfera efectiv întreaga entitate, în 
vederea testării existenţei resursei, a obținerii datei ultimei modificări sau a furnizării 
drepturilor de acces. 

e POST — este destinată să implementeze o metodă uniformă pentru funcții ca 
trimiterea datelor unui formular Web către server, adnotarea resurselor, extinderea 
unei baze de date printr-o operațiune de inserare etc. 


Un exemplu de linie de cerere (formulată de un navigator Web în urma introducerii 
URl-ului de către utilizator) adresată unui proxy este următorul: 


GET http://www.infoiasi.ro/~flash HTTP/1.1 


Mesaje de tip răspuns 
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După primirea şi interpretarea unui mesaj de tip cerere (eg: o metodă GET) si 
interpretarea lui, un server HTTP trimite un mesaj denumit räspuns. 

Mesajul de răspuns este format dintr-o linie de stare care începe cu versiunea 
protocolului HTTP implementat de către server şi continuă cu un cod numeric de stare 
asociat unei anumite situaţii a serverului în urma tratării unei cereri. Urmează un text 
explicativ pentru codul de stare. Acesta are rolul de a clarifica situația exprimată de codul 
de stare şi este furnizat în limbaj natural. 

Codul de stare este format din trei cifre organizate în categorii de stări; codurile din 
aceeaşi categorie se referă la stări similare. Ele se disting după prima cifră în modul 
următor: 


* Coduri de informare (1xx) 
Furnizează informaţii privitoare la o anumită acţiune (cererea a fost primită, 
comunicaţia continuă): 
- 100 Continue — clientul poate continua cererea, trebuind să trimită următoarea 
parte a unui mesaj partial. 


* Coduri de succes (2xx) 
Raportează efectuarea cu succes a unei operațiuni (cererea a fost primită, 
interpretată si acceptată de către server): 
- 200 Ok — cererea a fost rezolvată cu succes; 
- 201 Created — o nouă resursă a fost creată cu succes; 
- 202 Accepted — cererea a fost acceptată spre procesare, dar încă nu a fost 
satisfăcută în întregime; 
- 204 No Content — serverul a rezolvat cererea, dar nu are ce returna. 
* Coduri de redirectionare (3xx) 
Indica o redirectionare spre altă locatie/server a cererii (de exemplu, la apariţia 
marcatorului <meta name="refresh" content="..." /> în cadrul unui 
document HTML): 
- 301 Moved Permanently — resursa cerută a fost asociată unui URI nou si orice 
referinţă viitoare la ea trebuie să se realizeze prin acest URI furnizat; 
- 302 Moved Temporarily — resursa cerută are asociat un alt URI, dar pentru o 
perioadă temporară; 
- 303 See Other — răspunsul la cerere poate fi găsit la o altă locaţie si trebuie accesat 
folosind o metodă GET; 
- 305 Use Proxy — resursa cerută trebuie accesată prin intermediul unui proxy. 


* Coduri de eroare provocate de client (4xx) 

Indica apariția unei erori pe partea clientului (fie cererea este incorectă din punct de 

vedere sintactic, fie nu poate fi satisfăcută): 

- 400 Bad Request — ceterea nu a putut fi înţeleasă de către server din cauza 
sintaxei eronate a metodei; 

- 401 Unauthorized — cererea necesită autentificarea utilizatorilor (de cele mai multe 
ori prin intermediul unui nume de cont urmat de o parolă); 

- 403 Forbidden — serverul a recepționat o cerere corectă, însă refuză să o satisfacă 
din diverse motive (de exemplu, resursa cerută poate fi accesată numai de la 
anumite adrese); 

- 404 Not found — serverul nu găseşte resursa specificată. 
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* Coduri de eroare generate de server (58X) 

Desemnează coduri semnificând o eroare pe partea serverului (cererea este aparent 

corectă, dar serverul nu o poate îndeplini din varii motive): 

- 301 Not Implemented — serverul nu are implementată o funcţionalitate necesară 
satisfacerii unei cereri; 

- 502 Bad Gateway — serverul, lucrând ca poartă sau proxy, a recepționat un răspuns 
invalid de la alt server căruia i-a trimis cererea; 

- 503 Service Unavailable — serverul nu poate satisface cererea (de exemplu, din 
cauza supraîncărcării temporare sau din rațiuni de administrare); 

- 504 Gateway Timeout — timpul de aşteptare a răspunsului a expirat. 


Lista tuturor codurilor de stare se găseşte în specificaţiile HTTP. 


1.5 Privire de ansamblu 


În cadrul acestei secţiuni, vom realiza o privire de ansamblu a arhitecturii spaţiului Web, pe 
baza recomandării Architecture of the World Wide Web (Volume One) a Consortiului Web, 
apărută la finalul anului 2004 — a se vedea http://www.w3.org/TR/webarch/. 

După cum am văzut la începutul capitolului, Web-ul este compus din resurse 
distribuite, principalele aspecte care trebuie să fie avute in vedere fiind żdentificarea, 
interactiunea şi reprezentarea prin diverse formate de date a acestor resurse. 

În ceea ce priveşte identificarea resurselor, fiecare resursă trebuie să fie adresabila. 
Recomandarea este de a asocia un URI distinct fiecărei resurse Web, evitandu-se astfel 
ambiguitatile. Desigur, fiecare URI va avea (va fi stabilit de) un proprietar — persoană, 
organizaţie, specificaţie tehnică etc. Consorţiul Web încurajează folosirea în manieră 
consistentă a URI-urilor, pe baza schemelor existente. De asemenea, trebuie ţinut cont de 
faptul că natura unei resurse nu este dată de adresa ei, ci de reprezentare — din acest punct 
de vedere, un URI trebuie să fie opac. Pentru a identifica în mod indirect o resursă 
secundară „legată” (ori „scufundată”) în resursa iniţială, se pot utiliza identificatorii de 
fragment amintiți în cadrul secţiunii 1.3. 

Asigurarea interacțiunii se realizează prin intermediul unui agent Web, cate poate fi o 
persoană sau o aplicaţie software care are acces la Web. Programul acţionând în numele 
unui utilizator uman poartă numele de agent-utilizator. Componentele precum serverele, 
proxy-utile, roboții, navigatoarele, p/ayer-ele multimedia etc. se numesc agenți software. 
Comunicarea între aceşti agenți implică URI-uti (pentru adresare), mesaje si a date, 
dialogul decurgând conform unor protocoale Internet ca HTTP (HyperText Transfer 
Protocol, FTP (File Transfer Protocol), SOAP (Simple Object Access Protocol) sau SMTP (Simple 
Mail Transfer Protocol). Structura mesajelor interschimbate depinde de protocolul utilizat, 
dar din punct de vedere conceptual putem considera că toate mesajele sunt compuse din 
date (informaţiile propriu-zise) si efa-date (date descriind datele vehiculate). 

Accesul la o resursă Web se va realiza via URI — acţiune numită si derefentiere —, eventual 
implicând mai multi paşi (de exemplu, în situaţia negocierii conţinutului), rezultând o 
reprezentare a resursei solicitate. O reprezentare denotă datele care codifică informația 
despre starea (actuală) a unei resurse. Consorţiul Web recomandă evitarea inconsistentelor 
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dintre datele reprezentării şi meta-date (de exemplu, meta-datele pot descrie că 
reprezentarea va fi disponibilă în format textual, dar în realitate agentul-utilizator 
recepționează resursa reprezentată într-un format binar). În plus, creatorilor resurselor 
trebuie să li se permită controlul asupra meta-datelor ataşate reprezentărilor acestor 
resurse. 

Un alt aspect important este cel de asigurare a sigurantei interactiunii. Astfel, agentul care 
accesează o resursă nu trebuie să realizeze nici o acţiune colaterală (side effect) în cadrul 
interacțiunii. De exemplu, la solicitarea unei reprezentări a resursei via metoda GET a 
protocolului HTTP, nu trebuie alterată starea resursei dorite (że. incrementarea unui 
contor al numărului de accesări a unui document). De asemenea, proprietarul unui URI ar 
trebui să ofere reprezentări ale resursei respective într-o manieră consistentă şi predictibilă. 

În ceea ce priveşte reprezentarea resurselor prin recurgerea la diverse formate de date, 
arhitectura Web-ului nu impune utilizarea unor formate obligatorii de date, dar încurajează 
refolosirea celor existente. Aspectele care trebuie avute in vedere, detaliate si în cadrul 
următorului capitol, sunt: 

=" alternativele de reprezentare prin adoptarea unui format binar ori a unuia textual, 

= controlul versiunilor, 

= extensibilitatea unui format, 

= compunerea formatelor (mai ales în cazul documentelor hipermedia), 

=" separarea conținutului, prezentării şi interacțiunii. 

Aici intervine hipertextul, permițând includerea, via legături, de referințe la alte resurse 
în cadrul unei resurse, o legătură fiind văzută în sensul de ,,relatie” si nu de „conectare 
fizică”. 


Comentarii bibliografice 


Pentru primul subcapitol, cititorul interesat de aspectele legate de istoricul Internetului si al 
spațiului Web poate consulta cartea lui A. Tanenbaum, Regele de calculatoare (ediţia a patra), 
Byblos, Tg. Mureş, 2003 (de altfel, materialul este excelent pentru a vă forma o privire de 
ansamblu asupra problematicii rețelelor de calculatoare, în particular asupra Internetului). 
Drept resurse Web, putem menționa Hobbes? Internet Timeline: 
http://www.isoc.org/zakon/Internet/History/HIT.html. O prezentare 
a Consorțiului Web se găseşte chiar la adresa oficială a acestuia: 
www.w3.org/Consortium/. Evoluția Web-ului poate fi urmărită la adresa 
web.archive.org. 

În ceea ce priveşte hipertextul, o referință clasică este J. Nielsen, Hypertext and 
Hypermedia, San Diego Academic Press, 1990. Cititorul mai poate parcurge partea A a 
primului volum din S. Buraga, Tehnologii Web, Matrix Rom, Bucureşti, 2001. Recomandăm, 
de asemenea, consultarea lucrării Ş. Trausan-Matu, Interfatarea evoluată om-calculator, Matrix 
Rom, Bucureşti, 2000. 

Informații detaliate despre identificatorii uniformi de resurse sunt disponibile în 
standardele RFC 2396 — Uniform Resource Identifiers (URI): Generic Syntax şi RFC 1738 — 
Uniform Resourse Locators (URL). Aceste documente sunt disponibile şi pe CD-ul care 
însoţeşte lucrarea de față. Alte detalii privind adresarea resurselor Internet se pot găsi la 
www.w3.org/Addressing. 
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Cărțile Apache Server 2 Bible, Hungry Minds, 2002 şi Apache Cookbook, O’Reilly, 2003 
reprezintă un ghid util în exploatarea serverului Apache. De asemenea, se poate consulta 
Apache Week la adresa www.apacheweek.com. Pentru unele aspecte privind 
administrarea acestui server Web, a se vedea partea a treia a lucrării D. Acostachioaie, 
Administrarea si configurarea sistemelor Linux (ediţia a doua), Editura Polirom, Iasi, 2003. O 
carte interesantă mai ales pentru dezvoltatorii Web este C. Shiflett, HTTP Developer's 
Handbook, Sams Publishing, 2003. 

Pentru informaţii privind navigatoarele Web, pentru software si alte documentatii, 
puteţi consulta situl Web Tools — www.webtools.com. În vederea exploatării la 
maximum a facilitatilor oferite de browser-ul Mozilla Firefox, recomandăm si parcurgerea 
conţinutului lucrării N. McFarlane, Firefox Hacks, O’Reilly, 2005. 

Specificatiile privitoare la HTTP se regăsesc pe CD-ul acestei cărți. De asemenea, 
capitolul 1 al cărții S. Buraga et al., Programare Web în bash si Perl, Editura Polirom, Iasi, 2002 
oferă descrierea pe larg a protocolului HTTP. Această lucrare poate fi utilă şi celor 
interesaţi de programarea script-urilor CGI (Common Gateway Interface). 


2. UTILIZĂRI ŞI APLICAȚII WEB 


Unde se găsește ultimul port de unde nu vom 
mai ridica ancora? (Herman Melville) 


Capitolul de fata trece in revistă principalele aplicații ale Web-ului, fiind 
prezentate motoarele şi roboții de căutare, plus realitatea virtuală. Spre finalul 
capitolului, vor fi descrise o serie de tendinţe în evoluţia spaţiului WWW, 
insistându-se asupra serviciilor Web şi a Web-ului semantic. 


2.1 Regăsirea informaţiilor pe Web 


Fiind bazat pe hipertext, spaţiul WWW are ca prim obiectiv oferirea unui mecanism facil 
de a stoca si de a furniza, ulterior, informaţii, într-o manieră nesecventiala. 

Conform studiilor întreprinse, utilizatorii care îşi petrec zilnic mai mult de cinci ore pe 
Internet alocă peste 70% din timp căutării de informaţii. Pentru a localiza resursele dorite, 
un procent de 85%-90% dintre utilizatori apelează la motoarele de cântare. 

Astfel, importanţa acestor aplicaţii se dovedeşte de necontestat, actualmente existând 
disponibile pe Web o multitudine de căutătoare si meta-căutătoare, generale sau 
specializate. 

Motoarele de căutare pot oferi servicii de căutare pe bază de indecsi (ae. Altavista sau 
Google) sau pe baza unor ierarhii de termeni (taxonomii) — așa-numitele servicii director 
(cum at fi Yahoo! ori Open Directory). În ultima perioadă, aceste tipuri de servicii au 
devenit hibride, primul dintre motoarele de căutare care a adoptat tehnicile mixte fiind 
Excite. 


2.1.1 Modalităţi de regăsire a informatiilor 


Au fost evidenţiate mai multe modalități de regăsire a informaţiilor disponibile pe Web, in 
functie de intentiile utilizatorilor. Printre cele mai importante se enumera: 


e scanarea (scanning) — utilizatorii parcurg, superficial, o arie largă de informaţii, 
aparţinând de obicei unui anumit subiect sau unui grup de subiecte conexe; 

°  răsfoirea (browsing, surfing) — utilizatorii vizitează locaţiile care le captează interesul, 
fără a avea stabilit un model mental al informaţiilor dorite; 

° căutarea (searching) — utilizatorii sunt motivaţi să găsească o categorie particulară de 
informatii-tinta. De cele mai multe ori este folosită căutarea bazată pe cuvinte-cheie 
(eg: „programare PHP”) sau pe construcţii formulate în limbaj natural, cum ar fi 
„Unde găsesc documentatii despre design Web?”; 

e explorarea (exploring) — utilizatorii investighează legăturile referitoare la o anumită 
resursă informativă şi pe cele conexe; 
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boinăreala (wandering) — utilizatorii realizează o navigare complet nestructurata. 


De remarcat faptul că, in mod frecvent, utilizatorii nu parcurg la un moment dat decât 
o singură pagină WWW, aparţinând unui server particular, fără a avea o vedere de 
ansamblu a modului de structurare a tuturor documentelor de la acea adresă. Astfel, spaţiul 
Web prezintă următoarele caracteristici negative: 


modelul plat de memorare a datelor — documentele nu sunt stocate în mod structurat pe 
serverele Web. Structura hipertext pe care, eventual, o formează acestea poate fi 
recunoscută de cele mai multe ori doar examinând URL-urile asociate. Uzual, 
paginile nu posedă legături către documentul-parinte („rădăcina” sitului — un fişier 
al cărui nume diferă în funcţie de serverul Web folosit, pentru Apache si IIS de 
exemplu fiind / index. html, respectiv /default.htm); 

legăturile unidirectionale — limbajul HTML nu oferă decât posibilitatea de specificare a 
legăturilor unidirectionale, simple. Este dificil de alcătuit o hartă locală care să 
ilustreze toate sursele şi destinațiile legăturilor dintre paginile Web ale unui sit. 
Rețelele sofisticate de legături conduc la o navigare greoaie si pot deveni frecvent 
surse de confuzie; 

lipsa unei harti globale de navigare — nu poate fi realizată o hartă globală de navigare 
prin întregul spaţiu WWW, într-o manieră ierarhică (arborescentă), deoarece 
structura hipertext de ansamblu a Web-ului este necunoscută; 

menținerea legăturilor — legăturile fiind stocate în interiorul documentelor, posibilitatea 
de a adăuga direct adnotări sau de a modifica legăturile dintr-o pagina este deținută 
doar de proprietarul acesteia. Mentinerea integrității legăturilor pentru situri Web 
care contin un număr foarte mare de documente se dovedeşte dificilă. De cele mai 
multe ori se apelează la programe de verificare a validității legăturilor şi de 
construire a ierarhiilor de legături între paginile unui sit Web. 


In concluzie, pentru a avea acces la informaţiile dorite, de cele mai multe ori se recurge 
la facilităţile oferite de unul dintre motoarele de căutare disponibile. 
Un motor de căutare ideal ar trebui să prezinte următoarele caracteristici: 


scopul — căutarea oricărei resurse existente în Internet; 

viteza — rezultatele trebuie să fie disponibile imediat; 

disponibilitatea — toate rezultatele trebuie să fie actualizate în permanenţă; 
exhaustivitatea (7eca/) — găsirea tuturor resurselor relevante pentru o cerere 
(interogare) dată; 

precizia — rezultatul obţinut trebuie să includă doar documente relevante; 

relevanta (ranking) — cele mai relevante (importante) documente trebuie să fie 
oferite primele. 


2.1.2 Structura interna a unui motor de căutare 


In general, un motor de căutare este constituit din trei componente de bază: 


1. 


o aplicație, denumită robot Web (spider, crawler), având misiunea de a parcurge spațiul 
WWW şi de a vizita anumite pagini, extrăgând informații despre ele. Aceste 
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informaţii vot fi stocate pe serverul/serverele motorului de căutare, într-o bază de 
date sau într-un index. Roboții Web vor fi prezentaţi în cadrul următoarei secţiuni; 

2. un depozit de memorare a informaţiilor despre paginile parcurse de robot, numit 
index (catalog). Acest index conţine de cele mai multe ori câte o copie a fiecărei 
pagini şi a URl-ului corespunzător acesteia, organizarea informaţiilor în cadrul 
indexului efectuându-se conform unor criterii specifice; 

3. un mecanism de evaluare (ranking) a importanţei paginilor din index în conformitate cu 
cererea formulată de utilizator, cerere introdusă prin intermediul unei interfeţe Web 
(partea vizibilă a motorului de căutare). În ordinea importanţei, adresele paginilor 
(plus alte informaţii) sunt returnate — sub forma unui document Web — 
utilizatorului care a formulat cererea. Utilizatorul este cel care va decide care pagină 
(sau grup de pagini) întruneşte preferinţele sale. 


Diferenţele dintre motoarele de căutare operaţionale în acest moment sunt date de 
fiecare componentă în parte. 


Procesare 
cerere 


Motor de 
interogare 


Streaming 
access 


Arhitectura internă a unui motor de căutare 


Roboții Web 


Roboții Web, regasiti şi sub numele de păianjeni (spiders), sunt programe cate traversează în 
mod automat structura hipertext a spaţiului WWW, cu scopul extragerii unor informaţii. 
Trebuie să facem o distincţie clară între roboții Web si navigatoarele Web, acestea din 
urmă fiind aplicaţii acționate de om. 
Activitatea unui robot Web constă în a transmite o cerere HTTP (vezi subcapitolul 1.4 
al primului capitol) către un server Web — pornind de la un identificator uniform de 
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resurse (URI) — şi in a extrage informaţiile corespunzătoare dintr-o reprezentare a unei 
resurse si din toate documentele desemnate de legăturile acesteia. 
Roboții Web se pot utiliza în diverse scopuri, principalele fiind cele detaliate mai jos: 


analiza statistică — prin traversarea completă a unui sit Web particular, robotul poate 
furniza diverse statistici preţioase referitoare la resursele procesate, precum media 
documentelor stocate pe acel server, procentul de documente de un anumit tip, 
lungimea medie a unei pagini, gradul de interconectare cu alte documente, locale 
sau la distanță etc. De fapt, primul robot implementat a fost conceput tocmai cu 
scopul declarat de a contoriza toate serverele Web din lume, pentru a se cerceta cât 
de întins este spaţiul hipertext. 

De asemenea, roboții Web pot fi utilizaţi la descoperirea diverselor modele de date 
(pattern-ati) prin explorarea unei cantități apreciabile de informaţii disponibile pe 
Web, fiind astfel implicaţi în activităţi de descopetire a resurselor — cunoscute în 
literatura de specialitate prin sintagma „minerit al datelor” (data mining); de 
asemenea, se poate efectua şi un „minerit al relațiilor” (relation mining), pentru 
descoperirea posibilitelor relaţii stabilite între resursele Web. Aceste aspecte sunt 
imperios necesare în domenii precum comerţul electronic; 

menținerea legăturilor — în prezent, este foarte important să fie menţinută în bune 
condiţii starea legăturilor stabilite între diverse documente Web. Un robot poate 
ajuta la descoperirea şi rezolvarea aşa-numitelor „legături moarte” care indică 
resurse inexistente. Deşi serverele Web pot înregistra toate cererile care nu pot fi 
satisfăcute din cauza specificării adreselor invalide, administratorul unui sit Web de 
proporţii poate recurge la asistență din partea unui robot (ca MOMSpider — 
http://ftp.ics.uci.edu/pub/websoft/MOMspider/) pentru 
descoperirea automată a legăturilor eronate. O alta aplicaţie de acest gen este 
HTML Link Validator, disponibilă la http://www. lithopssoft.com/hlv/. 
Roboții pot verifica, de asemenea, şi structura documentelor (X)HTML, semnalând 
erorile de design şi de stil ale acestora, precum şi eludarea unor reguli privind 
accesibilitatea conţinutului. Serviciul de validare oferit de Consorţiul Web 
reprezintă tocmai un astfel de robot; 

oglindire — tehnica oglindirii (mirroring) este preluată de la arhivele FTP şi constă în 
copierea într-o altă locaţie a întregii structuri arborescente a unui sit (adică a tuturor 
fişierelor sale, în mod recursiv) şi în reactualizarea periodică a acestor copii. 
Oglindirea resurselor asigură fiabilitate, viteză mai mare de transfer, evitarea 
încărcării traficului de rețea, acces neconectat (off-/ine) etc. 

Pentru Web, oglindirea poate fi realizată de un robot, care trebuie să aibă în 
responsabilitate şi rescrierea referintelor la alte documente, păstrarea integrităţii 
hipertextului şi actualizarea regulată a paginilor WWW. Oglindirea poate fi evitată, 
folosindu-se în mod inteligent memoria cache a serverelor proxy (intermediare), care 
oferă posibilități de actualizare selectivă şi de organizare a resurselor. O categorie 
specială de astfel de roboţi este cea a programelor aşa-numite download managers, ca 
exemple putând fi menţionate utilitarele wget sau ProZ;//a din distribuțiile Linux ori 
programele Download Express, FreshDownload, GetRight, LeechGet şi Teleport disponibile 
in Windows); 

descoperirea resurselor — probabil cea mai importantă aplicaţie a roboților Web este 
utilizarea acestora la descoperirea resurselor. Creşterea progresivă a volumului de 
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informaţii disponibile pe Web are drept consecință principală conceperea de 
aplicaţii pentru sumatizarea, indexarea şi monitorizarea modificărilor resurselor 
WWW. 

Astfel, fiecare motor de căutare, conţinând baze de date privind localizarea şi tipul 
de informaţii dorite de utilizatori, apelează la serviciul roboților Web pentru 
descoperirea resurselor care înglobează aceste informații. 

Un avantaj suplimentar al roboților este cel dat de capacitatea acestora de a 
monitoriza schimbările survenite în cadrul unor pagini Web indicate de utilizatori 
(servicii precum ChangeDetect — www . changedetect . com — sau Whats New); 
utilizări combinate — desigur, roboții pot îndeplini sarcini multiple, ca de exemplu 
descoperirea resurselor în paralel cu realizarea de statistici Web sau menţinerea 
integrităţii legăturilor şi, concomitent, detectarea schimbărilor survenite în cadrul 
documentelor Web. 


Observaţii: 


Un aspect important care trebuie luat în consideraţie în exploatarea roboților Web 
este timpul de actualizare a bazelor de date ale motoarelor de căutare. Roboții de 
căutare a informaţiilor sunt cei care vor trebui să decidă care informaţii sunt 
importante pentru a fi transmise programelor de indexare. 

Rularea în manieră necontrolată a roboților Web de către utilizatorii finali care ar 
putea folosi opţiuni inadecvate sau ar rula mai multe instante de program poate 
conduce la abuzuri nedorite asupra unui sit sau grupuri de situri Web. 

Roboții Web, în special cei netestati insuficient, pot fi ineficienti sau pot avea vicii 
de arhitectură astfel încât să dăuneze traficului de informaţii, mai ales dacă sunt 
folosiți de persoane neavizate ori de neprofesionişti. Implementări eronate pot 
determina roboții să intre în arii aproape infinite denumite gări negre (atunci cand, 
de exemplu, un document are o legătură care se referă la el însuşi, iar programul nu 
detectează acest aspect). De asemenea, roboții nu trebuie să acceseze tipuri de date 
fără relevanţă, având dimensiuni considerabile (¢.g.: arhive, fişiere executabile, fişiere 
multimedia etc.). 

De cele mai multe ori, fiecare motor de căutare are implementat propriul robot, 
sensibil la diverse situaţii care pot surveni pe Web. De exemplu, roboții de la Excite 
(Inktomi), Go (InfoSeek) şi Lycos nu pot indexa paginile conţinând cadre, iar cei de 
la FAST şi Google au probleme cu hărțile de imagini senzitive (care pot îngloba 
legături spre alte documente). 


Criteriile de clasificare a roboților sunt multiple. Vom prezenta în continuare roboții 
Web grupaţi după principalele activităţi pe care le pot realiza: 


roboți academici — sunt acei roboţi disponibili în medii academice, având drept scop 
anumite activități de colectare a datelor dintr-o instituţie academică sau de 
menţinere a integrităţii legăturilor dintr-un sit cu profil academic; 

roboți de proiectare — posedă capacităţi de proiectare şi de asistare în activităţile de 
design al paginilor Web; 

roboți conversationali — pun la dispoziţie un partener virtual de discuţii in Internet, 
fiind de obicei integrați serviciilor de teleconferinte pe Web. Ca exemplu, putem 
menţiona Eža — http: //www-ai.ijs.si/eliza/eliza.html; 
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* roboți de comerț — sunt roboţi care înlesnesc activităţile de comerţ electronic, licitaţii 
pe Web, bursa etc.; 

e roboți distractivi — oferă diverse facilități de amuzament (jocuri, predicții, recomandări 
de adrese interesante etc.) pentru utilizatorii care parcurg paginile Web; 

e roboți inteligenți — manipulează informaţii, posedând inteligență artificială, fiind 
utilizați pentru explorarea inteligentă a resurselor Web (eg: Harvest — 
http://harvest.sourceforge.net/ — sau W30s$ — 
http: //www.cs.technion.ac.i1l/*konop/w3qs.html); 

° roboți de stiri — monitorizează modificările din cadrul siturilor mass-media (ziare 
electronice, posturi radio sau de televiziune prezente pe Web etc.) sau grupurile de 
ştiri de pe Internet; 

° roboți de căutare — sunt robotii utilizați de motoarele de căutare (cum ar fi, de 
exemplu, WebCrawler); 

e roboți de actualizare — se folosesc la actualizarea automata a legăturilor şi la detecția 
schimbării adreselor Web. 


Trebuie să menţionăm faptul că fiecare creator al unui robot Web trebuie să ofere 
informaţii privind identificarea acestuia (nume, locaţie, grup de programatori etc.). De 
exemplu, unii roboţi personali (utilizați de aplicaţiile de oglindire a siturilor sau de 
motoarele de căutare experimentale) pot fi recunoscuţi prin nume ca BackRub (folosit in 
perioada pre-Google), WebMapper ori wget. De asemenea, roboții principalelor motoare de 
căutare actuale se identifică prin Googlebot (de la Google), Infoseek sau Scooter (de la 
Altavista). Detalii la adresele www. robotstxt.org şi www. spiderhunter . com. 

Pentru evitarea accesului roboților in zone Web lipsite de relevanţă, conţinând date 
temporare ori private, s-a adoptat un standard pentru excluderea roboților. Acesta stipulează că 
orice robot care accesează un anumit server Web va accesa în primul rând un fişier text 
denumit robots.txt. Acest fişier va trebui stocat în directorul rădăcină al serverului, 
specificând părțile din sit care vor fi evitate la parcurgerea automată (pentru evitarea 
găurilor negre sau din alte raţiuni). 

Un exemplu de astfel de fişier este dat mai jos: 


# /robots.txt pentru http://www.infoiasi.ro 


User-agent: * + toţi roboții 
Disallow: /tmp/ + date temporare 
Disallow: /busaco/work/ + spaţiu privat 


Un alt exemplu este cel mai de mai jos, în care indicăm robotului folosit de Google 
Images să nu indexeze conţinutul grafic al sitului nostru: 


+ inhibă indexarea imaginilor 
User-agent: Googlebot-Image 
Disallow: / 


In vederea evitării indexării conţinutului unei pagini Web de către un robot Web se 
poate specifica în antetul ei următoarea construcţie (pentru Google, „robots” se va înlocui 
cu „googlebot”): 


<meta name="robots" content="noindex" /> 
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De asemenea, se poate inhiba traversarea legăturilor prezente într-un document 
XHTML (a celor definite de marcatorul <a href=". ..">) prin: 


<meta name="robots" content="nofollow" /> 


Pentru a preîntâmpina arhivarea conţinutului paginilor traversate de roboții de căutare, 
putem utiliza: 
<meta name="robots" content="noarchive" /> 


Anumiți roboți pot utiliza zag-uri specifice (ascunse) dintr-o pagină Web care să dicteze 
un anumit comportament pentru acea pagină (aşa cum se întâmplă în cazul programului de 
oglindire Teleport). 

Ca exemple de roboţi, în afara celor utilizați de motoarele de căutare, putem enumera 
DataBots (utilizat în descoperirea informaţiilor pe Web şi disponibil la 
http: //www.imagination-engines.com/databots.htm), Wisebot (folosit la 
administrarea asistată a siturilor Web) sau Inktomi (robot de căutare pentru indexarea, 
căutarea si analiza paginilor Web, oferind diverse statistici privitoare la documentele 
HTML). 

În legătură cu activitatea roboților de căutare, cercetătorii de la Universitatea Stanford 
au observat că vizitarea tuturor documentelor prezente pe Web nu poate fi realizată 
practic din cel putin două motive: 


e indexul are o capacitate limitată si deci motorul de căutare nu este capabil să 
indexeze sau să analizeze toate paginile (Web-ul se dezvoltă într-un ritm alert); 

* spațiul WWW se modifică extrem de rapid şi robotul nu va avea şansa de a 
parcurge o serie de pagini (la fiecare lună se estimează că peste 800 GB de date isi 
schimbă conţinutul). 


Nu toate paginile vor avea aceeaşi importanță pentru robot, ţinându-se cont de mai 
multi factori. Se pot lua în calcul: 


e compatibilitatea cu posibilele cereri ale utilizatorilor, 

* numărul legăturilor care au, la rândul lor, legături spre pagina analizată pe robot — 
gradul de „citare” a documentului, 

e relevanta conţinutului paginii, 

* numărul de legături conţinute de pagina şi metrica locației (o pagină din domeniul 
. com se consideră a fi mai importantă decât una a domeniului . za). 


Importanţa unui document Web depinde, aşadar, de contextul apariţiei acestuia. 


Managementul indexului 


Componentă secundă a unui motor de căutare, ¿indexul (catalogul) este alcătuit dintr-o serie 
de baze de date stocate de un server (modul) de stocare, constituindu-se un depozit (distribuit) 
de date. Acest depozit va avea o capacitate considerabilă, memorand documentele 
indexate returnate de robotul asociat motorului de căutare. 

Modulul de stocare realizează diverse activităţi, cele mai importante fiind: 


° inserarea datelor noi privitoare la paginile parcurse de roboți, 
e actualizarea conținutului vechilor documente stocate, 
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* programarea diverselor cereri de accesare a informaţiilor despre o serie de 
documente. 


De cele mai multe ori aceste date sunt comprimate (Google foloseşte biblioteca de 
compresie bgp). 

Modulul de indexare si meta-date este responsabil cu extragerea meta-datelor din paginile 
colectate si cu indexarea atât a meta-datelor, cât si a documentelor (X)HTML. Pentru 
indexarea conţinutului textual al documentelor, uzual vor fi luate în consideraţie toate 
cuvintele, exceptând aşa-numitele cuvinte stop (cu o lungime mai mică sau egală cu trei 
caractere si desemnând prepoziţii, conjunctii sau interjectii; de exemplu „a”, „the”, „in” 
din limba engleză). Unele motoare de căutare (eg: Google sau Lycos) vor contoriza si 
numărul de apariţii ale celor mai frecvente cuvinte dintr-o pagina Web si vor realiza indecsi 
suplimentari şi/sau vor stabili categoria în care va fi încadrată acea pagină. O altă tehnică 
abordată este cea a indexării semantice (vezi mai jos). 

Extragerea meta-datelor variază în funcţie de motorul de căutare. Cea mai populară 
tehnică este cea a indexării documentelor pe baza cuvintelor-cheie furnizate fie explicit de 
creatorul acestor documente, fie în urma unei catalogări automate realizate de un robot. 
Trebuie să menţionăm aici şi faptul că indexarea se poate realiza manual, de către experți 
umani — este cazul catalogului Oper Directory. 

Anumite motoare de căutare (Że. Altavista) permit înscrierea unei pagini în baza de 
date, solicitând introducerea unor cuvinte-cheie pe baza cărora să se efectueze operațiunea 
de indexare. Un utilizator poate apela la un serviciu de înregistrare automată la o suită de 
motoare de căutare, de obicei în mod gratuit, un exemplu de astfel de serviciu fiind 
AddMe! — www . adăme . com. 

Întrebările care se pun în legătură cu maniera de indexare sunt: 


e Cat de relevante sunt activităţile de indexare automata? 
* Documentelor (X)HTML le pot fi ataşate anumite atribute menite a le descrie 
conţinutul? 


Răspunsul la ultima întrebare este dat de următoarele aspecte: 


* Standardul XHTML permite autorilor de pagini Web să enumere cuvintele-cheie 
care descriu în modul cel mai adecvat conţinutul informațional al documentelor, 
prin utilizarea în antet a marcatorului <meta>. lată un exemplu: 


<meta name="description" -- descriere succintă -- 
content="Proiectarea siturilor Web" /> 

<meta name="keywords" -- cuvinte-chei (în engleză) -- 
content="site, hypertext, document, design, 

graphics, markup, structure" /> 

<meta name="author" == Autor == 
content="Sabin Corneliu Buraga - busaco@infoiasi.ro" 

{> 

<meta name="owner" -- proprietar -- 
content="Sabin Corneliu Buraga - busaco@infoiasi.ro" 

i> 

<meta name="distribution" -- areal de distribuţie -- 
content="Global" /> 
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Nu toate motoarele de căutare iau în întregime în consideraţie informaţiile 
conţinute de 7ag-ul <meta>. 

Este cazul motoarelor Excite, Google şi Northern Light care vor ignora construcția 
<meta name="keywords".../>, iar FAST, Google si Lycos nu vor lua in 
seamă <meta name="description".../>. 

e Descrierea inteligentă a resurselor poate fi realizată cel mai bine ataşând paginilor 
Web meta-date via RDF (Resource Description Framework). Există deja tehnici de 
generare automata a meta-datelor RDF care sa faciliteze descoperirea resurselor 
Web, pornind de la titluri, cuvinte-cheie, descrieri, data creării, numărul total de 
cuvinte dintr-un document etc. Pentru descrierea resurselor Web poate fi folosit, de 
asemenea, standardul RSS (Rich/RDF Site Summary), specificaţie bazată pe RDF — 
vezi infra. 

Metode mai sofisticate includ sumarizări automate, utilizarea de sinonime ale 
cuvintelor-cheie sau utilizarea unor termeni euristici. În activitatea de catalogare a 
informaţiilor, de multe ori intervine ierarhizarea datelor în funcţie de subiectul pe care-l 
tratează, această clasificare conducând la apariția serviciilor director (de genul Yahoo! sau 
dmoz.org), bazate pe generarea de ontologii simple. 

De asemenea, pentru fiecare document se calculează numărul de legături care se referă 
la o anumită pagină şi numărul total de legături conţinute de acea pagină. Aceste valori 
sunt denumite tehnic /ir-uti. 

Indecsii pot cuprinde indecşi text obişnuiţi, dar şi indecsi ai meta-datelor extrase. 

Meta-datele si indecsii se stochează pe dispozitive separate de cele ale depozitului de 
date (de cele mai multe ori se utilizează un sistem de management al bazelor de date 
relationale). 

Depozitul de documente indexate suporta trei moduri de acces: 


* acces direct (random access) — se realizează pe baza identificatorului unic asociat fiecărei 
pagini indexate; 

° acces bazat pe interogari (query-based access) — vor fi furnizate toate documentele care 
satisfac o anumită cerere. Cererea poate să se refere la diverse atribute ale 
meta-datelor (e.g: autor, titlu, locaţie) sau la conţinutul textual al paginilor; 

* acces flux de date (streaming access) — este folosit atunci când din depozitul de date se 
extrage un grup de pagini pentru a fi trimis ca flux de date spre o anumită aplicaţie 
(de exemplu, atunci când se reindexează o serie de pagini). 


În cadrul depozitului de date este de dorit să se memoreze cea mai recentă versiune a 
paginilor traversate de roboții Web. Trebuie avute în vedere aspecte importante precum 
consistenta indecsilor şi eliminarea paginilor vechi/ inexistente pe Web. Astfel, corespunzător fiecărei 
pagini pot fi ataşate două valori numerice pentru a specifica timpul de viata permis si 
respectiv pentru a contotiza acest timp. Timpul de viata permis reprezintă perioada de 
stocare a unui document fara a necesita actualizarea ori ştergerea sa din depozit. Contorul 
este decrementat periodic până când devine nul, caz în care robotul Web va trebui să 
proceseze noi informaţii referitoare la acea pagină. Desigur, fiecare motor de căutate va 
adopta propria manieră de stabilire a timpului de viata. De asemenea, roboții Web pot avea 
proprii lor parametri pentru realizarea acestei actualizări regulate, ţinând cont de diverse 
raţiuni, cum at fi cele legate de congestia reţelelor. 
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Pentru asigurarea scalabilitatii, depozitul de date poate fi unul distribuit, constituindu- 
se în acest scop o colecţie de noduri de stocare interconectate, controlul realizându-se prin 
intermediul unui server de management al nodurilor. Acest server menţine o tabelă cu 
starea fiecărui nod de stocare: capacitatea totală de memorate, spaţiul liber, nivelul 
fragmentării datelor, numărul si tipul de accesări, modul de operare a nodului etc. Pentru 
sporirea eficienţei, nodurile pot conţine pagini grupate pe diverse criterii (cuvinte-cheie, 
tematică, localizare etc.). Depozitul de date distribuit poate fi considerat ca fiind o singură 
resursă de calcul, constituind un c/yster sau un Grid. 


Mecanismul de căutare şi de evaluare 


A treia componentă a unui motor este reprezentată de mecanismul de căutare si de evaluare a 
paginilor Web furnizate utilizatorului în urma cererii acestuia, formulată prin intermediul 
unei interfeţe puse la dispoziţie de motorul de căutare. 

Interfața de căutare (denumită frecvent motor de interogare) este o componentă 
importantă a sistemului, oferind, în funcţie de motor, posibilităţi de formulare a cererilor 
prin intermediul diverşilor operatori logici, în limbaj natural, explorând ierarhii de domenii 
catalogate (directoare Web), stabilind localizarea paginilor etc. 

Majoritatea motoarelor de căutare utilizează o convenţie de compunere a interogarilor. 
Pot fi introduse şi relaţii desemnate prin intermediul operatorilor AND, OR, NOT şi NEAR. 

Dam, în continuare, o descriere succintă a fiecăruia dintre aceşti operatori: 


e termen, AND termen: — se foloseşte atunci când dorim ca paginile returnate de 
motor să aibă în componenţă ambii termeni. De multe ori, semnul plus (caracterul 
„+”) prefixand fiecare termen înlocuieşte funcția lui AND: +termen, +termenp. 
Operatorul ,,+” poate fi utilizat şi pentru ca motorul să ia în consideraţie un termen 
de stop (în mod implicit, considerat irelevant); 

e termen OR termen, — îl vom folosi în situaţia când dorim ca paginile căutate 
să conţină măcar unul dintre cei doi termeni specificaţi (în locul operatorului se 
poate folosi un singur spaţiu); 

e NOT termen — dacă vrem ca paginile să nu includă termenul specificat vom 
utiliza acest operator (o construcţie echivalentă este - termen); 

e termen, NEAR termen,» — vom specifica acest operator pentru situaţiile în care 
dotim ca paginile căutate să conţină cei doi termeni localizati la mică depărtare unul 
de celălalt (vecinătate de 20-200 de cuvinte, în funcţie de serviciul de căutare ales). 


> 


Pentru gruparea si schimbarea precedentei operatorilor se pot utiliza parantezele ,, () 
Se mai poate folosi şi construcţia "listă de termeni", ghilimelele însemnând faptul 
că se va realiza o căutare exactă a secventei de termeni din lista dată. Două exemple sunt 
date în continuare: 


"Proiectare Web" +sfaturi -utilitare 
Titanic +ship -movie -film 


De asemenea, se oferă şi posibilitatea de căuta în titlurile paginilor Web, prin 
intermediul unui construcții de forma: 


title: şir căutat 


De exemplu, pentru a căuta „XML în titlurile paginilor, vom putea scrie: 
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title: XML 


O alta facilitate este aceea de a găsi toate paginile care includ ancore către o adresă 
specificată, prin folosirea cuvantului-cheie link. Astfel, pentru a obţine lista tuturor 
documentelor care includ o anumită adresă e-mai/ am putea introduce: 


link: busaco@infoiasi.ro 


Motorul Google oferă posibilitatea folosirii unor operatori suplimentari: 


“termen — se foloseşte pentru a căuta sinonimele unui termen; de exemplu, 
introducând “ape vom indica motorului să returneze documentele conţinând şi 
sinonimele (la singular şi plural) cuvântului englezesc ,,ape”: „monkey”, „gorilla” 
sau „chimpanzee”; 


» 


numar. .numar> — operatorul ,,..” se poate utiliza pentru a desemna un 
interval numeric; astfel, putem căuta informaţii privitoare la o cameră digitală 
costând între 700 si 1400 de dolari, formuland o cerere de genul: digital 
camera $700..1400; 


termen, * termen: — acest operator înlocuieşte un cuvânt, putând fi folosit in 
formularea unor cereri precum carte * Web care ar putea să ofere rezultate 
referitoare la documente care conţin „carte despre Web” sau „carte pentru Web” 
etc. Un asterisc substituie doar un cuvânt; 


intitle: termen — poate fi utilizat pentru a restricționa căutarea la titlurile 
documentelor Web (un exemplu ar putea fi intitle: design); pentru a căuta 
mai multi termeni doar în titlurile paginilor se poate folosi termenul special 
allintitle; 


intext: termen — va căuta doar în corpul documentului, ignorând textul 
legăturilor, titlurile şi adresele (URI-uzile); 


inanchor: termen — se foloseşte pentru a căuta în cadrul ancorelor hipertext 
(astfel, pentru a căuta textul „Proiectarea siturilor Web” care apare într-un element 
<a href="http://www.infoiasi.ro/~design/">Proiectarea 
situri lor Web</a> vom scrie inanchor: "Proiectarea 
siturilor Web"; 


site: domeniu — se va căuta în cadrul unui sit Web ori a unui domeniu (de 
exemplu, vom putea recurge la site: www.infoiasi.ro pentru a căuta în 
cadrul sitului www. infoiasi. ro); 


inurl: uri — restricționează căutarea la documentele aparţinând URI-ului 
precizat (putem folosi acest operator în conjunctie cu site: pentru a afla câte 
subdomenii cuprinde un anumit domeniu — spre exemplu, vom putea formula 
site: ibm.com -inurl:www. ibm. com); 


cache: uri — găseşte o copie a unei pagini Web pe care Google a indexat-o, 
chiar dacă aceasta actualmente nu mai este disponibilă; 


52 Proiectarea siturilor Web 


=" filetype: extensi realizează o căutare pe baza tipului (sufixului) unui 
fişier (de exemplu, design +filetype:pdf); aceasta facilitate poate fi 
utilizată si pentru a găsi imagini in cadrul sitului Google Images — 
http: //images.google. com (de pildă, în vederea găsirii unor fişiere PNG 
reprezentând sigla organizației Apache, putem recurge la o interogare de genul: 
apache logo filetype:png); 


=" related: uri — oferă rezultate care includ si paginile înrudite cu un domeniu 
sau URI (eg: related: www. rowd.org); 


= info: uri-—pune la dispoziţie informaţii referitoare la un URI; 


=" location: cod al statului — poate fi folosit în cadrul Google News — 
http: //news.google. com — pentru a localiza un articol apărut într-un grup 
de ştiri (un exemplu ar putea fi alegeri 2004 location: ro) — lista tuturor 
codurilor de state este disponibilă pe CD-ul acestei cărți. 


De asemenea, Google pune la dispoziţie şi un serviciu special menit a ne da definiția 
unui termen; spre exemplu: define design. 


Trebuie reţinut faptul că o interogare trebuie limitată la 10 termeni maxim, pentru a ne 
asigura că rezultatele vor fi relevante. In vederea unei vizualizări grafice a rezultatelor 
oferite de Google, se poate utiliza TouchGraph, disponibil la www. touchgraph . com. 


O parte dintre operatorii de mai sus pot fi folosiţi şi pentru căutările efectuate în cadrul 
serviciului Gmail (Google Maij — www.gmail.com. Suplimentar, putem recurge la 
operatori precum from: adresa, to: adresa, subject: termen (i), 
filename: nume etc. De exemplu, pentru a găsi toate mesajele primite de la 
sammyQinfoiasi.ro, cate au fişiere ataşate si care încă nu au fost citite, putem formula 
interogarea următoare: 


from: sammylinfoiasi.ro has:attachment is:read 
O interogare relativ mai complexă adresată serviciului de căutare inclus de Gmail este: 
from:Adi after:2005/02/01 subject: (web OR www) is:unread 


În mod obişnuit, ne vom sluji foarte rar de toate facilităţile puse la dispoziţie de un 
motor de căutare, preferând formularea unui interogari compuse dintr-un singur cuvânt 
sau a unei propoziţii în limbaj natural. Tehnologia Ask Jeeves — www . ask )jeeves . com — 
încorporată de Altavista este utilizată pentru procesarea cererilor formulate în limbaj 
natural (în speţă, în limba engleză), problemele care trebuie să fie rezolvate fiind cele legate 
de eliminarea caracterului ambiguu termenilor, eliminarea cuvintelor nerelevante sau 
expandarea interogarii (de exemplu, pot fi automat formulate noi cereri conținând 
sinonime ale cuvintelor furnizate de utilizator). 

De asemenea, majoritatea motoarelor oferă posibilitatea de rafinare (refine) a interogării 
sau de specificare a unor cereti avansate de căutare (advanced search). 
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Go ogle Cautare Avansata Sfaturi pentru căutare | Totul despre Google 
cu toate cuvintele 10 rezultate = | Căutare Google 
Caută rezultate. pe er Sh cern 
cu fraza exactă 
cu cel putin unul dintre cuvintele 
fără cuvintele 
Limbă Întoarce paginile scrise în 
Tip de fişier [ Numai ¥ găseşte fişiere de un anumit tip 
Data Afişează pagini actualizate in 
Ocurente Generează rezultate atunci când există ocurente ale cuvintelor căutate. | oriunde în pagină {v 
Domeniu | Numai | Generează rezultate din site-ul sau domeniul 
ex, google.com, .org Mai multe informaţii 
Căutare Specifică Paginii 
| 
Similar Caută pagini similare cu pagina [Căutare ) 
eX. www. google. com/help. htmi 
Legături Web Caută pagini care au legătun spre pagina [_Căutare 


Google.ro — formularea cererilor avansate de interogare 


Procesul de evaluare a interogarii specificate de utilizator poate fi derulat conform 
următoarelor etape: 


SP Gy I S 


analizarea cererii formulate de utilizator; 

căutarea în indecşii corespunzători termenilor rămaşi după analiza cererii; 
scanarea tuturor documentelor care întrunesc întregul set de condiţii de căutare; 
evaluarea gradului de relevanţă a fiecărei pagini în funcţie de cererea formulată; 
eliminarea duplicatelor şi sortarea în ordinea relevantei; 
afişarea adreselor celor mai relevante N documente (eventual furnizându-se si alte 
informaţii, precum lungimea documentului, formatul, limba, contextul apariţiei 
etc.). 


Nu toate motoarele de căutare urmează toate fazele descrise mai sus. Unele dintre ele 


nu realizează decât partial sau chiar deloc eliminarea duplicatelor (¢.g.: Excite sau Lycos). 


Alte motoare vor afișa paginile găsite grupate pe termeni sau vor oferi legături către 
alte documente stocate pe acelaşi server Web. 
Sistemul de evaluare depinde de motorul de căutare ales. Calculul relevantei 
documentelor se poate baza pe: 


tehnici de clasificare umană — resursele sunt clasificate manual, de către experți (la 
o astfel de abordare recurge, de exemplu, Open Directory — dmoz . org); 
informaţii privitoare la utilizarea unei resurse — in acest caz, sunt importante 
timpul de viata al resursei şi periodicitatea vizitei; 


conectivitate — se are în vedere analizarea relaţiilor resursei considerate cu altele 


(similare). 


De exemplu, în cazul lui Google, sunt menținute mai multe meta-date despre 
documentele indexate decât la alte motoare, ceea ce conduce la o precizie ridicată. Sunt 
memorate chiar si poziţia în cadrul documentului, tipul de font şi modul de scriere ale 
informaţiilor. În plus, rezultatele obţinute în urma fiecărei interogări emise de utilizator 
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sunt salvate temporar, putând fi folosite la evaluarea unor cereri similare viitoare. 
Relevanta paginii (page rank) se calculează şi pe baza corelatiilor dintre relevanta calculată 
de motor şi cea observată din interacțiunea cu utilizatorul (gradul de relevanţă a unei 
resurse poate scădea, dacă se observă ca acea resursă nu este considerată spre vizitare de 
către utilizator, deşi e plasată printre primele). Motorul Google calculează acest page rank în 
funcţie de structura hipertext, o legătură de la pagina A la pagina B reprezentând un „vot? 
dat paginii B de către A. Cu cât un sit e mai important, cu atât page rank-ul asociat lui este 
mai mare. Cititorii interesați de mai multe detalii referitoare la page rank pot consulta adresa 
http://www.iprcom.com/papers/pagerank. 
O parte dintre alternativele la algoritmii bazati pe page rank sunt: 
= distilarea subiectelor (topic distillation) — ia în consideraţie o comunitate (grup) de 
pagini axate pe un subiect; 
= algoritmul ////fop — in acest caz, numărul si calitatea surselor care referă o pagina 
sunt o bună măsură a calităţii acelei pagini, dar sunt considerate doar sursele 
„expert” (pagini create cu scopul de a directiona utilizatorii spre conţinuturi 
relevante); 
=  indexarea semantică latentă (/atent semantic indexing) — se are în vedere o colecţie de 
documente care au în comun un număr mare de termeni (din punct de vedere 
semantic); 
= utilizarea Web-ului semantic — căutarea nu ia în consideraţie cuvintele, ci 
conceptele (cunoştinţele) din cadrul conţinutului fiecărei pagini (de exemplu, nu 
vom căuta „toc”, „pix” ori „stilou”, ci pagini privitoare la clasa instrumentelor de 
scris). 


Trebuie reţinut însă faptul că nici un motor nu poate fi perfect, serviciile de căutare 
oferite neputând avea o acuratețe de 100%. Pentru testarea serviciilor de căutare se iau in 
consideraţie mai multi factori, dintre care pot fi amintiți: acurateţea, posibilitatea de căutare 
avansată, ergonomia în utilizare, precum şi acordarea de alte facilități. 

De asemenea, menţionăm faptul că motorul Google poate fi accesat si de pe 
dispozitivele mobile (eg: PDA  — Personal Digital Assistant) via 
http://google.com/palm. Tehnologia Google poate fi utilizată şi pentru căutări 
locale, grație programului Google Desktop — http: //desktop.google. com — care se 
găseşte şi pe CD-ul insotand această carte. 


In cazul în care Google nu oferă rezultatele aşteptate în ceea ce priveşte găsirea 
definiţiilor unor termeni, putem recurge și la siturile: 


=  VWhatishttp://whatis.techtarget.com, 
= Webopedia: nttp://www.pcwebopaedia.com, 


= Netlngos: http: //www.netlingo.com. 
De asemenea, putem utiliza serviciul Froogle (deţinut de compania Google) pentru a 
realiza căutări de produse/servicii comerciale pe Web — www. froogle.com. 
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Froogle 


+ Advanced Froogle Saare 
[ Froogle Search |. pren Enie b 


Find products for sale from across the web. 


Apparel & Accessories Business & Industry Health & Personal Care 
Jewelry, hen's, Women's, .. Construction & Real Estate, Science & Technology, ... Fragrance, Makeup, Skin Care, ... 
Arts & Entertainment Computers Home & Garden 

Art, Collectibles & Antiques, Crafis & Hobbies, ... Notebooks, PDAs, Software, ... Home Furnishings, Kitchen, Pets, ... 
Auto & Vehicles Electronics Office 

Auto Accessories, Boats & Marine, ... Audio, Cameras, TV & Video, ... Office Equipment, Office Supplies, ... 
Baby Flowers Sports & Outdoors 

Nursing & Feeding, Strollers, ... Arrangements, Roses, ... Cycling, Golf, Team Spons, ... 
Books, Music & Video Food & Gourmet Toys & Games 

Books, Music, Video, ... Beverages, Food, Gifi Baskets, ... Dolls, Games, Video Games, ... 


Interfata Froogle de cântare a diverselor categorii de produse 


La finalul acestei secţiuni, putem menţiona că actualmente cele mai bine cotate sau 
populare motoare de căutare sunt Google, Yahoo!, Ask Jeeves, All The Web, AOL Search si 
HotBot. Alte alegeri se pot îndrepta către AMavista, Gigablast sau LookSmart. Printre noii 
veniţi, se enumeră Clusty si MSN Search (acesta din urmă initial se baza pe LookSmart, apoi 
pe Yahool, iat în prezent oferă propria implementare). 


2.1.3 Meta-cãutătoarele 


Pentru a formula interogări şi a primi rezultate de la o multitudine de motoare de căutare, 
utilizatorii au posibilitatea de a apela la serviciile oferite de un meta-cdutitor. Funcţia 
principală a acestuia este cea de a compila toate listele de pagini obţinute de la motoarele 
obișnuite (interogate eventual în manieră paralelă) şi de a prezenta utilizatorului cele mai 
relevante documente găsite. Deseori, un meta-căutător are implementat propriul sistem de 
evaluare a relevantei paginilor, în funcţie de anumite criterii proprii sau formulate de 
utilizator. Un astfel de exemplu este Mamma — www . mamma . COM. 

De asemenea, un meta-căutător poate oferi o vedere ierarhizată a paginilor găsite, de 
genul structurii de directoare Web (ierarhii de termeni) pe care acestea le formează. 

Nu toate meta-căutătoarele elimină duplicatele. Un exemplu in acest sens este Dogpile. 

O serie de meta-căutătoare sunt direcționate spre domenii specifice, folosind bazele de 
date furnizate de unul sau mai multe motoare de căutare de succes. Prin astfel de meta- 
căutătoare, putem avea acces la diverse servicii specializate, dintre care le menţionăm pe 
cele de căutare a: 


e fişierelor — reprezentând în general aplicaţii si documentatii, disponibile via 
serverele FIP (Fikez — www .filez.com, FTPSearch — 
www . ftpsearch.com); 

* adreselor e-mail sia numerelor de telefon (Four17, acum preluat de Yahoo)); 

* informaţiilor în cadrul grupurilor de discuţii (DejaNews, preluat de Altavista); 
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e paginilor localizate într-un areal geografic comun (Euroseek  — 

www.euroseek.com). 

O parte dintre serviciile de căutare specializată (e.g.: căutarea de conținut multimedia 
sau de articole ale grupurilor de ştiri) se regăsesc şi în cadrul motoarelor clasice (e.g: la 
Altavista sau Google). 

Ca o curiozitate, poate fi menționat şi Yagoohoogle — www. yagoohoogle. com — 
care oferă posibilitatea interogarii în paralel a motoarelor Yahoo! şi Google. 


Structura unui meta-motor 


Anatomia unui meta-motor de căutare este ilustrată în figura următoare: 
Motor de Motor de 
căutare 1 căutare N 

Interfaţă de Interfaţă de 
interogare interogare 


Meta-motor de căutare 


Dispecer de cereri 


Monitor de performanta 


Interfața cu utilizatorul 


Compilator pagini rezultate 


Convertor de formate 


Client 
Web 


Structura generală a unui meta-motor de căntare 


Dispecerul de cereri poate diviza interogările complexe date de utilizator in sub-cereri, 
fiecare sub-cerere fiind expediată unui motor de căutare clasic. Nu toate meta-motoarele 
de căutare trimit în manieră concurentă cereri motoarelor de căutare. 

Monitorul de performanţă supraveghează starea fiecărui motor de căutare. Atunci când 
unul dintre motoare devine neoperational sau inaccesibil din raţiuni legate de reţea, se 
poate decide în mod automat ca respectiva cerere să fie dată spre prelucrare altui motor. 
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De asemenea, monitorul de performanţă are ca misiune şi primirea listelor de adrese ale 
paginilor găsite. 

Modulul responsabil de interfaţa cu utilizatorul va furniza un formular electronic 
pentru a fi completat cu interogarea dorită. După primirea rezultatelor de la motoarele de 
căutare, listele cu URI-uri vor fi compilate, eliminându-se informaţiile redundante si cele 
contradictorii. Deoarece fiecare motor de căutare va returna o listă de pagini într-un 
format propriu, meta-motorul de căutare va realiza şi o convertire la un format comun 
care va fi prezentat clientului. Unele meta-motoare de căutare pot oferi informaţii privind 
relevanta resurselor căutate sau legăturile dintre ele — este cazul meta-motorului Kartoo, 
disponibil la www. kartoo. com. 


carte 

autor 

titlu 
programare 


Edene ical 


product 


p = 
cy ca 
AARTE. p studio 


corneliu 
computer s hoosphere. 
7 x 


Prezentarea rezultatelor unei interogari în cazul meta-motorului Kartoo 


2.1.4 Alte mijloace de regăsire a informațiilor 


In cadrul acestei secțiuni, vom prezenta o serie de detalii interesante privitoare la alte surse 
de informare disponibile pe Web: forumurile, siturile wk, b/og-urile si portalurile Web. 


Forumurile Web 
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O primă soluţie este oferită de forumurile on-/ine, scopul acestora fiind acela de a pune la 
dispoziţie un cadru Web de realizare a unor discuţii (uzual, în regim asincron), pe diferite 
teme. 

O platformă de management al forumurilor poate, eventual, oferi suport pentru a 
structura firele (¢bread-urile) subiectelor abordate, în vederea regăsirii facile a mesajelor 
dotite, în funcţie de tematică. De asemenea, un astfel de sistem poate permite, printre 
altele: 


Wiki 


Un wiki reprezintă un sit Web care permite utilizatorilor să adauge diverse tipuri de 
conţinuturi, semănând în acest sens cu forumurile Web, dând în plus posibilitatea 


accesul autorizat sau anonim, 
realizarea de sondaje (po//-uri), 


notificarea automată a utilizatorilor asupra apariției unui răspuns la un mesaj, 


căutarea pe diverse criterii, 


redactarea facilă a mesajelor prin folosirea marcajelor (X)HTML etc. 
Există diverse aplicaţii care oferă suport pentru crearea si întreţinerea de forumuri, 
dintre care se pot menţiona phpBB, un popular instrument open-source, si JForum. 


© Learn @ Reflex :: 
File Edit View Go 


View Forum - HTML / DHTML - Mozilla Firefox 


Bookmarks Tools Help 


@- 9- 3g LX ) @ aa E] E http://leam.reflex.ro/viewforum. php ?f=5 


| 


x Disable” E] CSS» 2] 


Forms” É Images” @ Information” [E] Miscellaneous” ø Outline” Resizer Ira) View Source = 


|] Leam @ Reflex :: Index 


| |] Learn @ Reflex :: View Forum - HT.. 


HTML/D 


(E) new topic 


@ Filtre 


selectat 


@ mine? 


@ css Drop shadow 


8 Pozitionarea unui element in 
josul paginii i 7 


ma poate ajuta cineva si pe 


@ Form cu 2 action 


@ Daca recunoaste cineva fontul 


HTML 


Moderator: Moderatori 


Users browsing this forum: None 


Learn @ Reflex Forum Index -> HTML / DHTML 


dioSRL 


Elena Cracut 


@ Ce ziceti de google maps? Adi 


Setarea culorii textului 


FiveseveN 


zaboss 


bogdanel 


[ D Goto page: 1,2] 


ZborLiber 


ZborLiber 


Goto page 1, 2, 3... 12, 


R reflex FAQ Search Memberlist Usergroups Register 
Profile Log into check your private messages Login 


„13, 14 Next 


Mark all topics read 


Mon Mar 14, 2005 8:10 pm 
dioSRL PD 


Wed Mar 02, 2005 4:45 pm 
miRRor "PD 


Tue Feb 15, 2005 3:40 pm 
Adi >D 


Thu Jan 13, 2005 12:28 pm 
FiveseveN 90 


Wed Jan 12, 2005 11:28 pm 
zaboss PD 


Mon Jan 10, 2005 3:20 pm 
boadanel PD 


Thu Jan 06, 2005 2:26 pm 
wickedman "Dl 


Thu Jan 06, 2005 11:00 am 
seventeen PD 


http: //leam.reflex.ro/viewtopic. php ?t=5008 


Interfata forumului Learn @ Reflex, bazat pe phpBB 
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vizitatorilor să editeze acel conţinut. Termenul wiki se referă şi la software-ul colaborativ 
utilizat pentru crearea acestor tipuri de situri. Denumirea provine din limba hawaiană (in 
această limba „wiki wiki” înseamnă „foarte rapid”). Primul sit de tip wiki s-a numit 
WikiWikiWeb şi a fost folosit începând cu anul 1995 în cadrul comunităţii specialiştilor în 
proiectare software. Părintele (creatorul) lui este Ward Cunningham. Pe parcursul anilor, 
diverse alte comunităţi virtuale au dezvoltat sisteme wiki, în prezent considerându-se că 
Wikipedia (lansat în 2001) este situl i cel mai cuprinzător, reprezentând o veritabilă sursă 
de cunoaștere. Numărul de comunităţi publice care folosesc situri de tip wiki depăşea la 
mijlocul anului 2004 cifra de 1000, conform 
http://www.worldwidewiki.net/wiki/SwitchWiki. 


2 Vangelis - Wikipedia în română - Mozilla Firefox 
File Edit View Go Bookmarks Tools Help 


@-)- 3 (x) @ a & W http: /4r0. wikipedia. org/wiki/V¥angelis 
x Disable” we CSS g Forms ta Images” “i? Informatiorr wy Miscellaneous” 7 


WIKIPEDIA |. Ni a 
Enciclopedia liberă Va ngelis 


navigare 


From Wikipedia 

Pagina principală 

Portalul comunității Evangelos Odysseas Papathanassiou cunoscut drept 

Discută la cafenea Vangelis ("ge" se pronunţă "ghe") (născut pe 29 martie, 1943) - 
Schimbări recente compozitor recunoscut, muzica sa fiind considerată muzică 


ină . v . . tae 
Pa ind aleatoare new-age şi electronica. Printre cele mai cunoscute compoziții ale 
Ajutor 


sale se numără cqloana sonora a filmului Chariots of Fire pentru 


Donati ACE EET suomi de che 
care a fost premid Muzică electronică a demiei de Film in 1981, precum 


caută || şi compoziţii pentru filme: Blade Runner, Bitter Moon, 1492 - 
Conquest of Paradise, documentare: Carl Sagan, Jacques-Yves 


Cousteau, imnul Campionatului Mondial de Fotbal din 


=== Coreea-Japonia, din 2002, 


trusa de scule 


= Ce se leagă aici Cuprins [ascunde] 
= Modificări corelate 


FE a 1 Biografie 
= Pagini speciale 


1.1 Inceputurile activității 
în alte limbi 1.2 Inceputurile activității solo 
a Česk | 1.3 Maturitatea artistică 
= Deutsch 2 Discografie 


= English 3 Legături externe 
= Español 


= Cranesic 


< Mm 


http: //ro. wikipedia. org/w/index. php ?title=Muzic3_electronicd&action=edit 


[editează] 


Varianta în limba română a enciclopedii Wikipedia 


Caracteristica principală a unui sit wiki este aceea că permite ca documentele Web să 
poată fi redactate uşor în manieră colectivă folosind un limbaj de marcare. O pagină 
făcând parte dintr-un wiki este referită ca fiind o „pagină wik7’, iar o colecție de pagini — 
uzual, puternic interconectate prin intermediul hiperlegaturilor — se numeşte un ,,w7k7’. 

Crearea şi actualizarea documentele sunt facil de realizat, in general orice modificare 
fiind reflectată instantaneu în cadrul sitului (nu se operează o „cenzură” prealabilă, iar 
utilizatorii nu trebuie să fie autentificaţi pentru a efectua schimbări). Marcarea paginilor 


60 Proiectarea siturilor Web 


wiki recurge la un limbaj de adnotare simplu, dar unele servere wiki oferă facilităţi 
suplimentare de editare. Hiperlegăturile spre alte pagini wiki sunt marcate prin intermediul 
unor simboluri speciale (de genul parantezelor acolade sau a caracterului „/”). 

Pentru controlul istoricului modificărilor, există două funcţii importante: istoricul 
reviziilor (revision history) şi managementul diferenţelor de conţinut (diff feature). Persoana 
care menţine wiki-ul poate folosi astfel de instrumente pentru a elimina unele schimbări 
efectuate de vizitatori. În vederea prevenirii vandalismului, unele sisteme miki limitează 
drepturile de editare ori impun autentificarea utilizatorilor care intenționează să opereze 
modificări de conţinut. 

Pentru a dezvolta un sit wiki, se pot folosi aplicaţii precum MediaWiki, MoinMoin, 
TWiki ori UseMod, disponibile în regim open-source. Ca şi în cazul altor sisteme de 
management al conţinutului, criteriile principale care trebuie avute in vedere pentru a 
decide ce sistem miki este cel optim sunt gradul de popularitate al software-ului, facilitățile 
oferite pentru editare, managementul utilizatorilor, facilitățile groupware (forum, galerie de 
fotografii, sistem intern de mesagerie etc.), controlul accesului, abilitatea de import/export 
a altor tipuri de conţinut (e.g: documente HTML, fişiere PDF, documente Word), suportul 
multilingv, extensibilitatea, portabilitatea şi scalabilitatea. Serverul TW7& poate fi instalat 
de pe CD-ul cărții. 


Weblog-urile 


Un Weblog (sau blog, pe scurt) reprezintă o pagina Web care conţine diverse fragmente de 
informaţie puse la dispoziţie de către o persoană posibililor vizitatori. Termenul provine de 
la cuvintele „Web” (WWW) şi „log” (jurnal) şi a fost introdus în premieră de Jorn Barger 
în decembrie 1997. Prescurtarea b/og a apărut prima dată în anul 1999 în cadrul Web/og-ului 
lui Peter Merholz. La adresa www.usemod.com/cgi-bin/mb.pl?WebLog sunt 
disponibile informaţii privitoare la istoricul si adresele unor situri referitoare la b/og-uri. 

Un bog poate fi considerat un mijloc de comunicare inter-personală, natura sa putând 
varia de la o formă de jurnal or-/ne până la depozit de informaţii privitoare la un domeniu 
(tehnic sau nu). Un astfel de big este redactat (întreţinut) fie de o singură persoană, fie de 
un grup. Luând în consideraţie tematica abordată, un b/g poate fi încadrat în următoarele 
categorii principale: personal, comunitar, oferind noutăţi, specializat, colaborativ, politic, 
corporatist. 

Se considera că fenomenul Web/og a început să ia amploare începând cu anul 2000, unii 
analiști estimând că actualmente pe Web apar zilnic peste 80 de mii de noi b/og-uri, 
întreţinute atât de anonimi, cât şi de diverse personalităţi provenind dintr-o sumedenie de 
domenii (nu neapărat cele vizând informatica). În ianuarie 2005, revista Fortune listează un 
număr de 8 b/ogger-i (persoane care intretin blog-uri) cărora oamenii de afaceri ar trebui sa 
nu le ignore comentariile publicate pe Web. 

După Greg Hard, ,,b/ogeing-ul nu reprezintă doar un b/og. Este o manieră de partajare la 
nivelul întregii lumi a opiniilor şi gândurilor personale. Dacă punem la dispoziţie informaţii 
de interes, atunci trebuie să partajăm hiper-legături si să facem disponibile comentariile din 
cadrul altor b/og-uri. Legăturile hipertext reprezintă punctul forte al Web-ului, iar în cazul 
Weblogging-ului ele sunt elementul cheie.” 

Din punctul de vedere al strategiei realizării afacerilor electronice sau a instituirii unei 
comunități on-line, ,,blogeing-ul este una dintre cele mai rapide căi de actualizare a sitului 
propriu” (Eric Dolecki). 
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Unele bég-uri devin depozitare a unor informaţii ştiinţifice de excepţie sau sunt folosite 
pentru organizarea de concursuri la nivel regional, national sau chiar mondial — un astfel 
de exemplu este cel al competiţiei Imagine Cup 2005 initiate în lumea întreagă de către 
cotporatia Microsoft, folosind tehnologiile Web proprii în cadrul sitului TheSpoke. La fel, în 
domeniul e¢-/earning, siturile dedicate unor discipline pot avea asociate astfel de b/og-uti, 
folosite atât la prezentarea unor informaţii suplimentare referitoare la anumite subiecte ale 
materiei predate la curs şi/sau laborator, cât şi ca instrumente de comunicare — de cele mai 
multe ori, informală — dintre studenţi si cadrele didactice (titularul disciplinei, persoanele 
implicate în predarea seminarului sau laboratorului etc.). 
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Un blog asociat unui curs on-line 


De asemenea, un alt context de utilizare a b/og-urilor este cel reprezentat de intranetul 
întreprinderilor virtuale, un b/g putând deveni un instrument indispensabil de inter- 
comunicare la nivel de echipe de lucru în cadrul unui proiect. Din această perspectivă, b/og- 
ul poate fi o componentă importantă a aplicaţiilor de tip groupware (teamware). 

Conţinutul unui blog nu trebuie să fie exclusiv textual, existând blog-uri care oferă 
prezentări multimedia (audio — de succes sunt MP3 b/gg-urile, fotografii, video — denumirea 
acestei categorii fiind videoblog sau, pe scurt, vlog). 

Anatomia unui b/g este relativ simplă, structura sa incluzând: 

= un titlu (eventual un subtitlu — acest subtitlu poate fi considerat ca fiind un slogan 

asociat b/og-ului), 

= o listă a mesajelor (intrărilor) curente, redactate de autorul /autorii b/og-ului ori de 

terți vizitatori, 

= o lista de legături spre alte situri sau b/og-uti de interes (aşa-numitul b/ogro/h, 

= eventual, diverse alte componente (siglă, adrese spre liste de discuţii, statistici etc.). 
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Unele subiecte interesante pot fi discutate separat, utilizatorii având posibilitatea — via 
unor formulare Web — să-şi introducă propriile opinii sau sugestii în cadrul b/og-ului. Unele 
blog-uri oferă facilități de inserare a emoticon-urilor sau de detectare automata a adreselor 
Web introduse. Desigur, discuţiile pot fi monitorizate de proprietarul b/og-ului, iar unele 
mesaje necorespunzatoare pot fi eliminate complet sau partial de către acesta. 

Pentru a putea referi un anumit mesaj (care poate dispărea de pe prima pagină a b/og- 
ului, atunci când dinamica sa este mare), utilizatorii pot să se folosească de aşa-numita 
legatura permanentă (permanent link) asociată acestuia. Astfel, un mesaj poate fi accesat fie 
direct, fie parcurgând lista mesajelor (numite si post-uri) existente. 

O componentă opţională o reprezintă motorul de căutare internă, vizitatorii având 
posibilitatea să regăsească, pe baza unor criterii (e.g: cuvinte-cheie incluse în subiect, data 
redactării, autor etc.), informaţiile cuprinse în lista mesajelor care compun b/og-uti. 

De asemenea, cele mai multe sisteme de management al Web/og-urilor dau posibilitatea 
programelor (roboţi sau agenţi Web) să indexeze ori să manipuleze conţinutul mesajelor 
via fişierele RSS (Rich/RDF Site Summary) asociate. Formatul RSS permite calculatoarelor 
să interschimbe informaţii privitoare la conţinutul siturilor Web (în acest caz, al b/og-urilor). 
Fiind bazat pe meta-limbajul XML, un document RSS este uşor de procesat sau de creat, 
existând diverse instrumente — numite agregatori de continut RSS — care extrag, sumarizeaza 
şi stochează datele RSS. Pentru a fi la curent cu ştirile puse la dispoziţie via fişiere RSS, 
putem utiliza un program precum RSS Reader (vezi CD-ul care însoţeşte volumul de fata). 
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Graţie documentelor RSS, un utilizator poate fi instiintat în mod automat — via un 
program de procesare a conţinuturilor RSS — asupra schimbărilor intervenite în cadrul 
unui bog sau grup de b/og-uri de interes (favorite). Un format alternativ la RSS este Atom — 
detalii la www. atomenabled.org. 

Disponibile de cele mai multe ori în regim open-source, pot fi folosite o serie de 
instrumente de administrare comodă a b/og-urilor (atât din punct de vedere al conţinutului 
propriu-zis, cât si al configurarii şi modificării preferințelor referitoare la interfața Web), 
precum Blogger, Blosxom, Blojxom, LiveJournal, Manila, MovableType sau WordPress — astfel de 
programe sunt disponibile şi pe CD-ul lucrării de fata. Aceste aplicaţii se încadrează în 
categoria sistemelor de management al conţinutului (CMS — Content Management System). 


Portalurile Web 


Web-ul reprezintă un mediu de partajare a diverselor informaţii, specifice unui domeniu de 
interes: afaceri, comunități umane, divertisment etc. Unul dintre mijloacele de punere la 
dispoziţie a informaţiilor şi serviciilor este portalul Web. Dezvoltarea portalurilor este 
susținută de faptul că organizaţiile trebuie şi pot să ofere informaţiile şi serviciile 
bazate pe Web în formatul necesar utilizatorului. Aceasta este o schimbare importantă, 
în primul rând deoarece majoritatea organizațiilor, inclusiv universitățile, şi-au 
organizat informaţia rareori în alt format decât cel necesar membrilor comunităților. 
Acest nou şi interesant aspect al managementului Web oferit de portaluri se bazează 
pe ideea creării şi administrării sistemelor informaționale al căror scop de bază este 
menţinerea relațiilor pozitive dintre susținătorii unei instituții şi acea instituție. 

Portalurile Web pot pune, în plus, la dispoziţie şi alte servicii, precum accesarea unui 
cont de posta electronică, cursul valutar, starea meteo, înscrierea la liste de discuţii şi altele. 
Astfel, un portal poate fi privit drept integrator de conţinut, fără a oferi însă doar o 
colecţie nestructurata de legături spre alte situri. 

Dat fiind caracterul flexibil de care se bucură portalurile, unii vizitatori le considera a fi 
simple pieţe virtuale sau locuri destinate diverselor tranzacţii, iar pentru alţii ele sunt 
sinonime cu siturile dedicate comunităţilor Web. Putem considera un portal a fiind 
coloana vertebrală a unei organizaţii sau comunități prin care se oferă acces centralizat la 
toate informaţiile legate de acesta. Astfel, portalurile devin noua fundaţie a aplicaţiilor 
Web. Dezvoltarea din ultimii ani a aplicaţiilor Web a condus la integrarea într-o singură 
aplicaţie a mai multor aplicaţii. Principalele avantajele ale acestei integrări sunt cele legate 
de agregarea conţinutului, posibilitatea de vizualizare şi manipulare personalizată a 
conţinutului, oferirea unui model de securitate unificat, facilitarea colaborării, 
internationalizarea si localizarea, auto-intretinerea, independența de platformă si 
dezvoltarea modulară. 

Principalele categorii de portaluri sunt: 

= portalurile generale — destinate unei largi categorii de utilizatori; 

= portalurile academice — folosite în e-science, oferind acces la resursele distribuite 

(informaţii, aplicaţii, servicii de cercetare etc.) ale unei rețele de excelenţă într-un 
anumit domeniu; 

= portalurile educaționale — utilizate în e-learning, pentru a pune la dispoziţie diverșilor 

cursanţi materiale cu caracter educaţional; 
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= portalurile de întreprindere — disponibile in intranet-ul sau extranet-ul unei organizații 

aliniate problematicilor e-business (a se vedea şi următorul capitol). 

Ca exemple de portaluri generale putem menţiona Yahoo! sau MSN (Microsoft Network), 
care oferă — printr-o interfaţă unică — acces la mai multe categorii de servicii standard 
(posta electronică, ştiri, starea vremii, cotaţiile bursiere etc.). Un exemplu autohton de 
portal este reprezentat de /ome.ro. Unele aplicaţii de tip portal dau posibilitatea accesului la 
informaţii şi servicii via dispozitive mobile, de cele mai multe ori wireless. 

Pentru facilitarea colaborării on-time dintre cercetători, se poate recurge la 
functionalitatile unui portal academic. De cele mai multe, un astfel de portal reprezintă 
interfața cu o infrastructură de calcul destinată unor proiecte ştiinţifice de anvergură, 
desfăşurate la nivel de stat, continental sau chiar mondial, graţie tehnologiilor Grid. 
Portalul poate oferi suport pentru căutarea şi regăsirea informaţiilor, indiferent de 
localizarea lor fizică, dar poate permite şi executarea de activități (¢ask-uri) pe mai multe 
mașini, privite ca un sistem unic de calcul. Ca exemple de astfel de aplicaţii putem enumera 
Large Hadron Collider Computing Grid funcţionând la CERN, CrossGrid utilizat în chirurgia 
vasculară virtuală ori myGrid în domeniul bioinformaticii. 
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„Accesul prin intermediul unui portal la un catalog (director) Web 


În ceea ce priveşte e-karning-ul, marile instituţii universare de pe glob punctează 
importanţa şi necesitatea unei strategii de implementare a portalurilor educaţionale, în 
vederea integrării informaţiilor, serviciilor şi infrastructurii într-o interfață Web unitară şi 
uşor navigabilă. Drept exemple de portaluri educaţionale se pot da BBC Learning, Discovery 
School şi MIT OpenCourseWare. 

Un caz aparte este cel al portalurilor de întreprindere, fanctionand — ca si portalurile 
educationale — in cadrul intranetului unei companii. Conform afirmatiilor lui Matt Cain, 
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acest tip de portal constituie „un cadru care oferă diferite niveluri de funcţionalitate 
(conţinut sau aplicaţii) şi interactivitate (comunităţi) pe baza preferințelor utilizatorilor şi a 
regulilor de afaceri”. 

Portalurile de întreprindere îmbină accesul la datele interne ale firmei cu accesul general 
la Web, oferă posibilități de personalizare a conţinutului și pot pune la dispoziţie mijloace 
flexibile de stocare structurată a informaţiilor. Acest tip de portaluri se poate clasifica în 
următoarele categorii: 


e  portalurile de date — sunt dedicate în special transmiterii rapoartelor organizaţiei unui 
set larg de utilizatori (e.g.: toţi angajaţii), folosindu-se tehnologiile Internet; 


* portalurile informaționale — se concentrează asupra organizării şi livrării prin 
intermediul Internetului a informaţiilor nestructurate sau incluse în documente 
tradiționale; 


e  portalurile colaborative — oferă un mediu interactiv de colaborare între utilizatori. 


Cerinţele sunt similare sistemelor de gestiune a bazelor de date: posibilități de căutare 
structurată sau bazată pe exemple (exampk-based query), de răsfoire a datelor (browsing), de 
filtrare automată a informaţiilor, de gestiune a versiunilor multiple de documente (CVS — 
Concurrent Versioning System), de notificare automată la fiecare actualizare, de arhivare a 
datelor mai vechi etc. Un portal de întreprindere poate simplifica inerentele complexitati 
ale afacerilor, protejând resursele companiei şi poate accelera amortizarea investiţiilor, 
devenind un catalizator al implementării unei aplicaţii Web de tip e-business — a se vedea şi 
cele discutate în capitolul 3. 

Ca etape de evoluţie — unele regăsite şi în cazul unui portal general — se pot enumera: 


e nivelul 1: tablă de materii — portalul oferă informaţii despre companie, diverse 
elemente de conţinut, posibilități de căutare internă şi legături către alte situri 
relevante; 

e nivelul 2: agregare si organizare a conţinutului — portalul pune la dispoziţie diverse 
opţiuni avansate de căutare, facilități de parcurgere a categoriilor de subiecte, 
posibilităţi de personalizare; 

e nivelul 3: integrare a datelor, aplicaţii dinamice — portalul oferă suport pentru 
clienţii si furnizatorii firmei, pentru colaborarea între grupuri de angajaţi, pentru 
agregarea datelor la nivel de organizaţie etc.; 

e nivelul 4: integrare globală, documente dinamice — portalul dă posibilitatea de a 
administra op-/ne lanţul de aprovizionare, de a implementa mecanisme variate de e- 
business şi de integrare a datelor externe companiei. 


În ceea ce priveşte gradul de vizibilitate a unui portal, se pot constitui trei mari 
categorii de portaluri Web, pornind de la un portal departamental (vizând problematicile si 
angajaţii unui singur departament al unei organizaţii) spre unul enterprise (reunind toate 
compartimentele si resursele unei întreprinderi) si apoi evoluând către un portal extra- 
enterprise (implicând o colecţie de portaluri de întreprindere şi funcționând în extranetul 
companiei). 

Ca exemple de aplicații pentru implementarea portalurilor (de întreprindere şi nu 
numai) putem menționa BEA Secure Portal, eZ Publish, IBM Enterprise Information Portal, 
Microsoft SharePoint, Oracle Portal saa PHP Nuke. Tehnologiile Java pun la dispozitie 
componente de tip portal numite portlet-uri. 
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2.2 Realitatea virtuală 


2.2.1. Caracterizare 


Realitatea virtuală reprezintă o simulare generată de calculator a unui mediu tridimensional 
în care utilizatorul este capabil să vizualizeze şi să prelucreze conţinutul acestui mediu. 
Deseori, realitatea virtuală se confundă cu ciberspațiul, termen inventat de William Gibson 
în romanul SF Neuromancer (publicat în anul 1984). 

Realitatea virtuală este dinamică şi în interactiune permanentă cu receptorul ei. Mai mult, 
realitatea virtuală este tridimensionald, maleabilă si intens interactivă, fiind rezultatul unei 
combinaţii de hardware şi software multimedia de nivel avansat. Utilizatorul unui sistem 
virtual are libertatea de a explora lumea creată pe calculator si de a interactiona direct cu 
ea, prin intermediul unor echipamente sofisticate precum mănușa (data glove) si costumul 
senzorial (data suit) sau ecranul retinian virtual (Virtual Retinal Display). 

Modelarea unui univers tridimensional virtual se poate realiza cu ajutorul limbajului 
VRML (Virtual Reality Modeling Language), inspirat din formatul de fisier Open Inventor de la 
Silicon Graphics Inc. (SGI). Specificatiile VRML au aparut in premiera in anul 1995, o 
dată cu prima versiune VRML. Aceasta a fost urmată de VRML 2.0, regăsită cu minore 
modificări sub denumirea de VRML97. Recent, limbajul VRML a fost resctis în termenii 
XML, noua specificaţie numindu-se X3D. 

Navigatoarele VRML pot accesa dintr-o scenă 3D particulară alte fişiere VRML cu 
ajutorul unui anumit URI specificat. Similar, navigatoarele Web pot încărca de la distanță 
lumi modelate in VRML, folosind p/ygin-uri sau aplicaţii externe (precum Cortona, 
CosmoPlayer ori WorldView). 


Vizitarea unui birou virtual modelat în VRML 


Ca alternative la VRML, se pot menționa aplicațiile Cult3D, Pulse3D sau ViewPoint. 
Astfel, Cult3D este folosit pe larg în cadrul interfetelor siturilor Web de comerț electronic, 
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putând fi inclus în documente Web, prezentări PowerPoint ori fişiere PDF. Tehnologia 
View Point este utilizată în cadrul sitului Web al companiei Sony. Pentru generarea de lumi 
virtuale, se poate recurge și la aplicaţii specializate precum Maya sau 3D Studio Max care 
pot exporta modelele tridimensionale în formatele mai sus menţionate spre a fi 
incorporate în cadrul siturilor Web. De asemenea, se pot utiliza si tehnologiile Flash sau 
QuickTime VR. 


Actualmente, există disponibile pe Web diverse situri prezentând lumi virtuale 3D 
stocate în unul dintre formatele mai sus menţionate. Principalele domenii de interes 
vizează e-business-ul (îndeosebi, comerţul electronic) si ¢-/arning-ul. Drept exemple, pot fi 
menţionate siturile Muzeului Ştiinţei din Londra (London’s Science Museum) si cele ale 
organizaţiilor comerciale Eddie Bauer, Sony sau The Internet Car Company. 


2.2.2 Medii virtuale distribuite 


Un medin virtual distribuit reprezintă un sistem software care permite interacțiunea în timp 
real, de la distanţă, a mai multor utilizatori, încorporând grafică 3D şi sunet stereo ori 
tridimensional (similar echipamentelor compatibile DTS — Digital Theater Sound). Mediile 
virtuale distribuite oferă o interacțiune complexă între mai multe lumi virtuale, fiecare 
dintre acestea putând fi stocată pe alte servere. 


Caracteristici principale 
Un mediu virtual distribuit prezintă următoarele caracteristici: 


1. I//aia spatiului comun — participanţii la mediu au iluzia localizării în același spațiu 
tridimensional (aceeași camera, clădire ori acelaşi areal). De cele mai multe oti, 
spațiul este fictiv, generat electronic, dar trebuie să prezinte aceleași proprietăți 
pentru toți utilizatorii (aspect meteorologic, acustică, textură etc.). 

2. I/uzia prezenței comune — fiecare dintre participanţi se transpune în rolul unei persoane 
virtuale, numită avatar, care ate, printre altele, asociate următoarele: 

* o reprezentare grafică (cat mai plauzibilă); 

* un model al structurii corpului (prezența membrelor, antenelor etc.); 

* un model al deplasării (mulţimea mişcărilor şi gesturilor pe care le poate 
executa); 

* un model fizic (e.g.: greutate, înălțime etc.). 

Nu este obligatoriu ca un avatar să aibă formă umanoidă, un utilizator putând avea 

asociate mai multe reprezentări de tip avatar. Pot exista locuitori ai spaţiului virtual 

care să nu fie controlati de utilizatorii externi, o parte dintre avataruri putând fi 

create de program, constituind, de fapt, elemente ale mediului distribuit şi posedând 

sau nu inteligenţă artificială. 
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Transformarea unei imagini 2D în una 3D în vederea modelării unui avatar 


3. Iugzia timpului comun — mediul virtual distribuit permite interacțiunea utilizatorilor în 
timp real. 

4. Posibilitatea comunicării — facilitățile mediului în ceea ce priveşte asigurarea 
comunicării includ comunicarea prin gesturi, prin text introdus de la un dispozitiv 
de intrare sau prin voce. 

5. Partajarea informatiilor — în afara faptului că facilitează comunicarea dintre utilizatori, 
sistemul oferă posibilitatea interactiondrii cu mediul virtual (de exemplu, 
participanţii la o simulare virtuală pot selecta, muta, transforma obiecte care există 
în mediu si pot să le dea altor utilizatori). Un proiectant de mediu virtual distribuit 
poate oferi utilizatorilor libertatea de a construi edificii, de a desena pe o tablă sau 
chiar de a distruge mediul. De asemenea, se poate da posibilitatea de colaborare 
participanţilor în vederea îndeplinirii unui obiectiv comun. 


Conectarea mai multor utilizatori la sistem diferenteaza mediile virtuale distribuite de 
realitatea virtuală obişnuită. Posibilitatea de a partaja diverse obiecte puse la dispoziţie de 
mediu conferă acestuia o capacitate de comunicare mai nuanțată, fata de serviciile 
conversationale clasice (precum chat-urile sau sistemele de teleconferinte). Interactivitatea 
in timp real este o altă caracteristică forte, inexistentă la navigatoarele Web sau la serviciile 
de posta electronica. 

Mediile virtuale distribuite sunt cele mai indicate pentru aplicaţii care necesită crearea 
tele-prezentel. 
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Welcome to the 


Caffeine Maghine 


this chor s not thd some oldgrine! 


Mediu virtual distribuit care simulează o cafenea: Caffeine Machine (IBM). 
Inainte de a intra in mediu, utilizatorul își alege tipul de avatar dorit 


Origini 


Mediile virtuale distribuite provin din: 


medii virtuale militare — unul dintre cele mai cunoscute este SIMNET (Simulator 
Networking), dezvoltat pentru DARPA începând cu anul 1983 şi dat în folosință abia 
în 1990, jucând ulterior un rol destul de important şi în operațiunea „Furtună în 
deşert”. Scopul proiectului a fost dezvoltarea unui mediu virtual distribuit ieftin 
destinat antrenării unor unități militare cu efectiv restrâns. Din ideile şi succesul 
sistemului SIMNET ia ființă protocolul denumit Distributed Interactive Simulation 
(DIS), standardizat în 1993, având un ecou răsunător în domeniul militar, dar 
prezentând unele inconveniente, precum numărul redus de participanți (maxim 300 
de utilizatori concomitent), transferul de pachete de date voluminoase şi necesitățile 
hardware destul de însemnate (pentru simulări cu un grad mare de realism se 
folosesc exclusiv staţii SGI costisitoare). SIMNET — şi, ulterior, DIS — folosesc o 
tehnică specială numită dead-reckoning pentru evitarea inundării reţelei cu pachete de 
date; 


° jocuri în retea — una dintre primele încercări de implementare a unui simulator de 


zbor teal o constituie Fight, program furnizat in premieră în vara anului 1983 si 
inclus în software-ul oferit pentru staţiile grafice comercializate de SGI în perioada 
1984-1992. Partea de reţea a fost adăugată începând cu 1984, dar utilizatorii 
conectaţi la simulator nu puteau interactiona. Acest lucru a devenit însă posibil prin 
programul demonstrativ Dogfight, limitat initial la 10 utilizatori din raţiuni de evitare 
a congestiei rețelei. Aceste două aplicaţii au inspirat, peste ani, dezvoltarea mediilor 
virtuale distribuite, mai ales prin faptul că SGI a făcut publice sursele programelor 
(fragmente din aceste surse au fost folosite pentru proiectul NPSNET pe care il 
vom descrie mai târziu). 

O altă sursă de inspiraţie a constituit-o Doom, produs de idSoftware, apărut în 
premieră in 1993 ca aplicaţie shareware, punct de cotitură în industria jocurilor in 
reţea. Doom oferea un mediu tridimensional realist, zgomotos şi populat cu monştri. 
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Succesorul lui, Doom IT, a fost disponibil din octombrie 1994 si s-a vândut în lume 
in peste 1,6 milioane de exemplare. 

Pentru Macintosh, se poate menţiona jocul Marathon, având o grafică impresionantă 
şi sunet spatial, apărut in 1994, care oferea, ca şi Doom, utilitare pentru editarea şi 
crearea de către utilizator a scenelor 3D; 

medii virtuale academice — unul dintre eforturile timpurii ale comunităţii academice de 
creare a unor medii virtuale distribuite s-a concretizat în proiectul de cercetare 
NPSNET, având la bază câteva proiecte studenţeşti precum FOG-M (Fiber-Optically 
Guided Missile System), VEH (Vehicle Simulator) şi MPS (Moving Platform Simulator, 
dezvoltate pe statii Unix in perioada 1986-1988. 

NPSNET (Naval Postgraduate School Network) a avut mai multe stadii de dezvoltare. 
NPSNET-1 — prima demonstraţie publică având loc la Conferinţa SIGGRAPH’91 
— folosea un protocol propriu de comunicare şi putea rula într-o reţea locală. 
Ultima versiune, NPSNET-IV, a continuat să fie dezvoltată până în decembrie 
1996, oferind marea majoritate a facilitatilor puse la dispoziţie de mediile virtuale 
distribuite actuale. 

Un alt proiect, PARADISE (Performance Architecture for Advanced Distributed Interactive 
Simulation Environments), a fost iniţiat in 1993 la Universitatea Stanford, fiind 
focalizat in principal pe problemele de comunicare in reţea şi având ca punct de 
start programul Dogfight menţionat anterior. PARADISE utilizează tehnici 
sofisticate de programare, fiind operational pe staţii IBM RS/6000 cu suport pentru 
OpenGL. 

Institutul Suedez de Informatica lucrează la dezvoltarea unui mediu compatibil cu 
SIMNET şi DIS, denumit Distributed Interactive Virtual Environment (DIVE). Dacă 
iniţial aplicaţia rula pe sisteme IBM RS/6000, permiţând conectarea simultană a 
numai doi utilizatori, ulterior a fost transferată pe staţii Sun. 

Alt proiect academic este BrickNer, iniţiat la Universitatea Naţională din Singapore, 
rulând la început pe staţii Sun şi SGI Indigo, apoi şi pe calculatoare personale. 


Structura unui mediu virtual distribuit 


Un mediu virtual distribuit prezintă următoarea structură: 


motoare si display-uri grafice (staţii de lucru grafice, deseori suportand standardul 
OpenGL, căşti de vizualizare, ecrane retiniene etc.); 

dispozitive de comunicare si control (tastatură, mouse, joystick, mănuși/ costume 
senzoriale, detectoare de mișcare, microfoane, boxe audio și altele); 

sisteme de procesare distribuită a datelor vehiculate; 

reţele rapide — locale sau mondiale, bazate pe tehnologii ca ISDN (Integrated Services 
Digital Network) sau DSI (Defense Simulation Internet) — comunicarea realizându-se 
printr-un protocol special precum WRIP (Virtual Reality Transfer Protocol) sau 
folosindu-se standardul Living Worlds. 


Problemele care pot surveni în implementarea si funcționarea unui mediu virtual 
distribuit sunt, în principal, cele legate de administrarea în timp real a resurselor, pierderea 
de date, lăţimea de banda, eterogenitatea şi scalabilitatea echipamentelor, configurarea şi 
exploatarea software-ului. 
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Mediile virtuale distribuite pot fi văzute ca fiind, concomitent, séisteme distribuite, aplicații 
grafice şi aplicatii interactive, integrând sisteme de baze de date (utile pentru memorarea 
datelor persistente care generează mediul: forme şi localizări de obiecte, texturi, informaţii 
despre avataruti etc.), interactionand cu sisteme tranzactionale (de comerț electronic, de 
exemplu) şi trebuind să asigure autentificarea utilizatorilor şi jurnalizarea activităţilor. 


Standardul Living Worlds 


Conceput de grupul de cercetare al Consortinlui Web 3D (fostul Consortiu VRML), scopul 
standardului Living Worlds este definirea unui set de convenţii VRML 2.0 pentru facilitarea 
interoperabilitatii mediilor virtuale distribuite. Living Worlds nu reprezintă o arhitectură 
completă a unui mediu virtual efectiv, ci se concentrează asupra specificării unor serii de 
prevederi privind utilizarea lumilor modelate in VRML in context distribuit: suport pentru 
prezenţa virtuală a mai multor participanţi, pentru interacțiunea directă dintre participanţi 
şi sistem, pentru asamblarea dinamică a mediului din diverse componente precum 
avataruri, modele partajate, camere virtuale si altele. Astfel, sunt puse la dispoziţie 
biblioteci (abstracte) conţinând scene VRML care pot fi (re)folosite de proiectantii si 
programatorii de lumi 3D. 
Sunt definite interfeţe pentru: 


* coordonarea poziţiei şi stării obiectelor partajate (inclusiv avataruri); 

e schimbul de informaţii între obiectele unei scene VRML; 

e asigurarea securităţii aplicațiilor VRML (la nivel de sistem şi de utilizator); 

e dezvoltarea unei biblioteci de utilitare si de extensii VRML, în prezent făcându-se 
trecerea la X3D; 

e identificarea si integrarea, în timpul rulării, a script-urilor VRML. 


Pentru asigurarea interoperabilitatii si independenţei de platformă, Living Worlds 
impune ca limbajul de programare a sistemului să fie Java. 

Aplicațiile reprezentative bazate pe specificaţiile Living Worlds — aflate încă în stadiu 
de cercetare si dezvoltare — sunt următoarele: 


* biaxxun Interactive — compus din clienţii blaxxun Community Client pro şi serverele 
blaxxun Community Server objects, posedă propriul navigator VRML 2.0 oferind suport 
pentru applet-uri Java externe; 

* Sony Community Place — are drept scop asigurarea unor condiţii bune de vizualizare a 
lumilor 3D virtuale chiar şi pentru clienţii conectaţi la Internet prin modem, 
furnizând servicii conversationale de tip chat (text sau grafic), facilitând interacțiunea 
cu obiecte animate etc. Serverul şi clienţii folosesc un protocol special, denumit 
VSCP (Virtual Society Client Protocol, bazat pe TCP/IP; 

* Open Community — mediu virtual distribuit dezvoltat de Mitsubishi Electric Research 
Lab (MERL), înglobează si o bibliotecă software oferind servicii precum 
comunicațiile în reţea, transportul datelor audio şi obiectelor VRML în timp real. 
Protocolul folosit este ISTP (Interactive Sharing Transfer Protocol). 


Sunt disponibile, de asemenea, instrumente de dezvoltare, majoritatea putand fi 
folosite gratuit. Pentru facilitarea activităţii de proiectare si implementare a unui mediu 
virtual distribuit (bazat sau nu pe VRML) pot fi amintite mediul de programare Bamboo, 
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sistemul High Level Architecture sau cadrul de dezvoltare a aplicaţiilor distribuite Java Shared 
Data Toolkit. 

Cititorul poate găsi mai multe detalii referitoare la acest subiect în lucrarile prezentate 
în cadrul bibliografiei. 


2.2.3 Tendinte 


Actualmente realitatea virtuală este utilizată deja — înglobată sau nu în alte tehnici de 
reprezentare a informaţiei — în domenii precum arhitectura, învățământul, medicina, 
ingineria, sociologia ori divertismentul. Există, de asemenea, un curent artistic avangardist 
— arta ambientală (environmental art) — în cate pot fi încadrate creaţiile tridimensionale 
computerizate, prezente deja pe Web (un sit de acest gen este cel al lui Avi Rosen). O altă 
direcţie este cea a artei evolutive (evolutionary ar?) în care sunt implicate tehnici evolutive, 
bazate pe algoritmi genetici aplicaţi asupra lumilor 3D. 

Spaţiul virtual poate deveni viitorul laborator al omului de știință, viitorul simulator 
cibernetic al inginerilor, viitorul amfiteatru al studenţilor. Tehnici precum ‘#ksenzatia 
(combinaţie complexă între realitate virtuală, computer vision, grafică pe calculator şi 
telecomunicaţii) oferă premisele reprezentării informaţiilor într-o formă care simulează 
realitatea, fiind uşor de utilizat, chiar dacă se bazează pe tehnici sofisticate. 


oaaaa 


Ste Map Help About GraphX30 Author 


View full window 


Inapoi 


Situl GraphX3D, folosind grafică vectorială şi lumi X3D 
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Nu putem să nu ne referim si la GraphX3D, un sit educational creat de Alexandrina 
Orzan, absolventă a Facultăţii de Informatică (Universitatea ,,A.I. Cuza” din Iasi), sit care 
consttuieşte reprezentarea grafică a unor curbe şi suprafețe 3D, soluţia de implementare 
apelând la SVG si X3D pentru redarea graficii Web — detalii în lucrarea S. Buraga (coord.), 
„Aplicatii Web la cheie, Polirom, Iasi, 2003. 

Un proiect spectaculos al organizatiei Biota — www .biota.org — este Nerve Garden, 
bazat pe tipuri particulare de fractali, pe VRML, reţele neuronale, tehnologii Web şi tehnici 
de codificare genetică. Scopurile acestuia sunt studierea biologiei digitale, în manieră 
interactivă, pe Web, şi, într-un viitor mai îndepărtat, instituirea unei infrastructuri pentru 
medii virtuale biologice si crearea unor noi organisme (vegetale si animale) artificiale. 

Este cert că spaţiul cibernetic se află în continuă transformare şi expansiune. 


2.3 Evolutie (în loc de concluzii) 


Am văzut până acum, în cadrul acestei cărți, că spaţiul World-Wide Web funcţionează în 
practică datorită: 
e unei scheme consistente de identificare a resurselor, prin intermediul 
identificatorilor universali de resurse (URI); 
* unui mecanism flexibil de transfer de date, reprezentat de protocolul HTTP; 


* unei descrieri logice a structurii documentelor hipertext, prin intermediul limbajelor 
de adnotare (marcare) HTML si XHTML. 


În prezent, Web-ul a devenit fără îndoială „universul informaţiilor accesibile în reţea”, 
conform definiţiei anticipative date de creatorul acestuia, Tim Berners-Lee. Spaţiul WWW 
s-a achitat de această promisiune într-o manieră spectaculoasă, din două motive. Primul 
dintre ele este reprezentat de flexibilitatea şi independenţa fata de conţinut a protocolului 
HTTP — care se poate adapta pentru a putea transfera orice format de document — si, în 
plus, de existenţa identificatorilor universali de resurse (URI) capabili de a reprezenta 
legături către orice format de document. Un al doilea motiv este faptul că selecția naturală 
pare să fi favorizat câteva formate care au fost dezvoltate pentru Web în mod explicit. În 
peisajul de o prolifică variație a sintaxei, stilului, structurii şi semanticii documentelor Web, 
observăm adoptarea preferentiala a limbajelor SGML, CSS, HTML şi XML. Fiecare dintre 
acestea aduce o strategie evolutivă lentă, favorizând codarile declarative fata de formatele 
binare (de cele mai multe ori proprietare), stilurile de afişare separabile de conţinutul 
propriu-zis fata de formatarea directă, marcarea declarativă fata de cea procedurală şi 
semantica bine definită fata de comportamentul operational. 

Evoluţia Web-ului se poate remarca mai ales în direcțiile următoare: 

= evolutia sintaxei spre formate declarative; 

= evolutia stilului (prezentării): de la formatare la foi de stiluri; 

= evolutia structurii, 

= evoluția semanticii, 

= evo/uția elementelor programabile. 

Fiecare dintre aceste aspecte vor fi detaliate în continuare. 
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2.3.1 Evoluţia sintaxei spre formate declarative 


Primul compromis se face în privinţa optarii între limbajul maşină (binar) şi limbajul 
natural (textual). La o primă vedere, codificarea specifică maşinii pate mai putin 
costisitoare datorită faptului că ea reflectă direct datele în memorie. Totusi, transformarea 
datelor în format binar poate fi prea fragilă pentru a fi folosită pe platforme eterogene (de 
exemplu, reprezentarea numerelor) şi în versiuni de software multiple. Codificarea binară 
poate, de asemenea, necesita mai mult spaţiu si timp pentru împachetare si despachetare. 
Fisierele text pot fi la fel de eficiente, în plus formatele textuale (chiar si cele in forme 
parţial lizibile) sunt mai uşor de editat, corectat şi extins. 

Al doilea compromis este legat de amalgamul dintre formatele declarative si cele 
procedurale. Poate fi mai uşor de elaborat un analizor pentru un program care calculează 
numărul n, decât de transmis un miliard de cifre ale sale. Limbajul TeX, bazat pe marcaje, 
este un exemplu edificator privind puterea oferită de formatele procedurale pentru 
conceperea şi procesarea documentelor, fata de editoarele de texte folosind formate binare 
proprietare (eg: Word). g 

In fine, există un compromis între formatele specifice şi cele generice. In măsura în 
care refolosirea informației este o preocupare majoră, o importanță chiar mai mare decât 
aceasta o are promovarea unei familii de gramatici înrudite. Puterea meta-limbajelor 
SGML si XML este reflectată de flexibilitatea în gestionarea documentelor de toate 
tipurile, de la manuale şi comunicate de presă până la contracte legale şi specificații de 
proiecte, si de posibilitatea de reutilizare a acestora în vederea producerii de cărți, rapoarte 
si ediţii electronice (pentru CD-ROM/DVD-ROM, Web, dispozitive mobile etc.) pornind 
de la acelaşi (aceleași) fişier(e) sursă, folosind marcaje declarative similare. 


Internet 


XML 


Documente Baze de date 


Tehnologii XML la confluenta a trei domenii aparent distincte: 
Internetul, procesarea documentelor şi bazele de date 


Există o dilemă fundamentală în privinţa optarii între performanţa, costul şi capacitatea 
de utilizare a strategiilor de codificare ușor lizibile de către maşină şi, respectiv, de către 
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om. Abordarea XML stabileşte un echilibru rezonabil între cele două. Facila lizibilitate 
pentru om implică robustete, iar descifrarea rapidă de către maşină implică validitate; 
ambele calităţi adaugă valoare informaţiei şi facilitează evoluţia documentelor în timp. 


2.3.2 Evoluţia stilului (prezentării): de la formatare la foi de stiluri 


De când au apărut documentele, există autori şi proiectanți care şi-au concentrat efortul de 
perfecționare tehnică şi stilistică pentru fiecare atingere de peniță, fiecare fragment de corp 
de literă, fiecare imagine plasată. În măsura în care stilul generic al unei prezentări poate fi 
captat în vederea reutilizării ulterioare, cu atât mai multă valoare capătă design-ul si 
documentul în sine. Istoria evoluţiei formatelor de documente pentru Web favorizează 
formatarea externă în detrimentul directivelor încapsulate tocmai cu scopul ca informaţia 
să poată fi reprezentată independent de stil şi viceversa. 

Pe parcursul istoriei procesării computerizate a datelor au existat numeroase abordări 
ale reprezentărilor orientate spre formatari interne, de la comenzile troff sau groff din 
Unix la directivele formatului RTF (Rich Text Forma?) şi la marcajele pentru fonturi din 
HTML (a se vedea, de exemplu, marcatorul <font>). Aproape inevitabil, acestea au fost 
completate cu „scurtături” de formatare reutilizabile: pachete de macro-uri, rigle si 
patametti pentru afişarea in navigator etc. Clădite pe această experienţă, formatele actuale 
de documente Web — HTML si XML — permit ca formatarea datelor să poată fi realizată 
extern, prin foi de stiluri. Foile de stiluri în cascada — CSS (Cascading Style Sheets) — merg 
mai departe şi permit compunerea unor stiluri separate, cum ar fi proprietăţile de culoare şi 
font, seturile de caractere, grafica şi prezentarea. Mai mult, controlul formatării este divizat 
între autor şi cititor, acesta din urmă putandu-si interpune propria sa inlantuire de foi de 
stiluri, deci contribuind la prezentarea datelor, în funcţie de dorinţele sale individuale. 
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\'b?7\tab}}\pard\plain 
yql \fi-366\1i1726\ri6\sb166\sa166\sbauto1\saauto1\widctlpar 
\jclisttab\tx726\aspalpha\aspnum\faauto\ls1\adjustright 
\rin@\lin726\itapO\cqrid {11 (03): 38-43 

<cite>PHP, programare obiectuals#259; «&#351;1 XML</cite> 

<h3>NET Report</h3> 

<h4>Sabin Buraga</h4> 


<ul> 

<1i>11 (03): 38-43</1i> 
<1i>2001</1i> 

</ul> 


Prezentarea datelor, cu reprezentările lor RTF si XHTML 


Stilurile nu sunt limitate la domeniul vizual — ele pot controla redarea continutului 
pentru monitoare, hartie, audio, medii Braille, terminale mobile si multe altele. Acest 
aspect este preţios îndeosebi dacă se doreşte adaptarea prezentării documentului pentru 
utilizatorii cu handicapuri fizice, dislexie sau pentru analfabeți — ca si în cazul a diverse 
privatiuni de circumstanta (utilizatori care vorbesc la telefon sau lucrează într-un mediu 
zgomotos). Fluxurile audio pot fi transcrise pe Web ca text — via limbajul standardizat 
VoiceXML propus de Consorţiul Web — pentru persoanele cu deficiențe de auz; 
navigatoarele audio (precum Web Galaxy, Vox Portal sau WIRE) oferă facilitatea de a citi 
paginile Web pentru utilizatorii care nu le pot parcurge în mod direct, în conformitate cu 
foile de stiluri aurale. 

Cu toate că tehnologia Web actuală suportă atât formatarea internă, cât şi pe cea prin 
intermediul foilor de stiluri, sistemele pentru gestionarea unor cantități mari de informaţie 
de tip hipertext necesita de cele mai multe ori formatarea externă pentru ca informaţia să 
rămână ușor navigabilă si facil de prelucrat. Se recomandă deci separarea datelor de modul 
lor de prezentare. 
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Structura Format 


Continut 
(informaţii) 


Relatiile dintre structură, conținut si format 


2.3.3 Evolutia structurii 


Să considerăm următorul exemplu: În activitatea de documentare, un cercetător realizează 
o lista de referințe bibliografice cuprinzând informaţii despre publicaţiile (electronice sau 
nu) regăsite. Structura fiecărui articol ştiinţific include un titlu, numele autorului, corpul 
articolului şi subsolul. 

Diversele formate punând la dispoziţie structuri concurente (eg: SGML) de 
documente încearcă să surprindă această structură în cadrul reprezentării lor. Unele descriu 
fragmente din document în termeni legaţi de prezentarea datelor: proprietăți precum italic, 
indentat, stabilirea unui anumit corp de litera (font) si asa mai departe. La cealaltă extremă, 
alte formate folosesc termeni dec/arativi: titlu, adresă, intrare de la tastatură etc. Multe alte 
formate se află undeva între aceste două extreme, precum marcajele XHTML <em> şi 
<font>, în comparaţie cu <address> sau <abbr>. 

Alt tip de structuri declarative pentru aplicaţiile SGML şi XML sunt definițiile de tipuri 
de documente — DID (Document Type Definition) —, care impun documentelor valide să 
includă mai multe elemente (marcaje) într-o ordine precizată (de exemplu, „fiecare apariție 
a lui <oras> trebuie să fie precedată de marcajul <adresă> si urmată de 
<cod_postal>”). În prezent, declaraţiile DID sunt înlocuite de schemele XML. 

Luarea unei decizii finale de-a lungul acestei axe aduce după sine compromisuri între 
precizie şi comprehensibilitate: semanticile orientate spre prezentare, mai lejere, sunt în 
mod universal mai bine înţelese decât cele declarative. Marcajul <address> a devenit 
parte din repertoriul HTML, însă <abstract> (desemnând marcarea rezumatului unei 
lucrări) nu. Marcarea declarativă, indicând în mod clar rolul diverselor parti de document, 
are avantajul de a putea fi refolosită mai târziu. De exemplu, motoarele de căutare (e.g: 
Google) pot atribui ponderi termenilor dintr-un rezumat într-un mod mai semnificativ sau 
pot extrage automat numele reporterilor dintr-un set de „tăieturi din ziare” folosind un 
instrument de captare a informaţiei. 
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Vom opta pentru descrierea structurii unui document mai degrabă după funcţia sa 
decât după formă. Aceasta conduce la asigurarea unui suport pentru un set extensibil de 
marcaje, ceea ce HTML şi CSS nu pot oferi. Evoluţia centralizată a HTML împiedică 
Întocmirea unei liste exhaustive de marcaje răspunzând tuturor idiomurilor dorite de 
potenţialii autori de pagini Web. Un marcaj nou are în mod potenţial o sintaxă ambiguă, o 
semantică ambiguă şi o prezentare ambiguă (mai ales fără adăugiri de foi de stil). 

Comunitățile de interese de pe Web au nevoie să-şi publice propriile definiţii uşor, 
proces facilitat de folosirea meta-limbajului XML. Aceste noi definiţii pot chiar să meargă 
mai departe de specificarea rolului fiecărui marcaj, pentru a include interpretări şi 
comportamente; adică pentru a suporta noi semantici. De altfel, navigatoarele Web actuale 
ofetă un tot mai bun suport pentru documentele XML. ÎI informăm pe cititor că pe CD-ul 
care însoţeşte lucrarea de fata este inclus un tutorial XML in limba română. 


2.3.4 Evolutia semanticii 


x? 


Testul suprem pentru ca un format de document să ,,supravietuiasca” pe Web este măsura 
în care conţinutul său suportă diversele tipuri de utilizări. Documentele există ca artefacte 
ale unor procese mai largi, precum achiziţionarea, raportarea sau dezvoltarea software-ului, 
iar aceste utilizări ataşează componente semantice diferitelor parti ale documentului. 

Suportul pentru semantică al unui anumit format se referă începând de la 
comportamentul operational codificat hard în procesele care manipulează conţinutul si 
ajungând până la a fi bine definit, adică a da definiţii larg disponibile şi documentate ale 
conţinutului. 

Să considerăm un fişier text constând dintr-o listă cu acţiuni planificate pentru perioada 
de timp imediat următoare. Acest fişier poate fi folosit drept mini-agendă de activități 
descrise în limbaj natural de către un utilizator. O versiune HTML cuprinzând termene- 
limită pentru fiecare activitate ar putea fi analizată de un program care procesează 
conţinutul şi alertează utilizatorul (eventual printr-un mesaj pe telefonul mobil) în preajma 
acestor termene. Mai mult, o a treia variantă a acestui fișier, în format XML, ar putea 
declara o clasă de documente care să definească în mod explicit un marcator <agenda> 
pentru datele dorite. Doar ultimul dintre formate poate pretinde că are o semantică bine 
definită, legată de documentul însuși prin intermediul oricărei aplicaţii separate — deoarece, 
în acest caz, datele poartă cu ele însele inteligenţă” si nu aplicaţiile care le-ar putea 
prelucra. Această semantică poate fi incapsulata in alte documente XML si interschimbata 
cu alte comunităţi de utilizatori, păstrându-şi totuşi neambiguitatea. 

Limbajul XML suportă eficient ontologii ocazionale prin intermediul definiţiilor 
tipurilor de documente (DID) sau al schemelor care pot fi compuse în mod dinamic și 
referite prin identificatori uniformi de resurse, in acest fel descentralizand, şi prin urmare 
accelerand ciclul publicării şi adoptării noilor formate de documente. 

În mod fundamental, ontologiile — reprezentând specificări ale unor conceptualizări — 
întruchipează principiul peren care afirmă faptul că sistemele autoreprezentative sau 
autodescriptive reduc costul unui articol. Prin stabilirea unei adrese Web (dată sintactic 
printr-un URI) pentru un fragment de cunoştinţe conţinând programe şi/sau informaţii, si 
apoi prin partajarea acelei adrese cu alţii, autorii pun în practică procesul democratic 
următor: orice persoană aparţinând comunităţii Web poate arăta că informaţiile respective 
sunt interesante („bune”) prin crearea unei legături către această resursă, pentru o 
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eventuală folosire ulterioară. Utilizatorii nu copiază documentul initial, eventual operand 
mici modificări, pentru că ar fi prea costisitor; cel mai ieftin mod de a accesa si propaga 
ideile conţinute de respectivul document este prin intermediul adresei Web, realizându-se 
o legătură hipertext către acel fragment de informatie. Aceasta alimentează ciclul selecției 
naturale în reprezentarea cunoştinţelor: utilizarea determină comunitatea, care rafinează la 
rândul ei, permanent, ontologia comună. 

Un alt exemplu, relativ mai complex, este următorul. Să presupunem că în timp ce 
parcurge această luctare cititorul întâlneşte următoarea referinţă bibliografică, scrisă astfel: 


„PHP, programare obiectuală si XML”, Sabin Buraga, NET Report, 
11 (03): 38-43 (2001) 


Folosindu-si intuitia, cititorul ar putea stabili intelesul acestei referinte, pe cand un 
analizor digital e posibil să nu fie capabil să o facă. Mai mult, din cauza diverselor 
convenţii de publicare, alt editor ar putea formata referința în maniera următoare: 


S. Buraga, „PHP, programare obiectuală si XML”, NET Report, 2001, 
Vol. 11, Nr. 03, pp. 38-43 


Până şi diferențele minore de punctuație si de notație pot încurca un program de 
calculator care încearcă să analizeze referința; drept rezultat, automatizarea conversiilor 
între diversele formate reprezentând același tip de cunoştinţe este tentantă. Utilizarea unei 
sintaxe fragile, având doar o sintaxă de formatare şi una operaţională, deşi are destulă 
semnificaţie pentru un utilizator uman, furnizează puţine informaţii pentru mașină. 

Prin teformatarea refetinţei utilizând marcarea prezentationala a limbajului XHTML, 
referința devine mai accesibilă, deşi regulile reale, tacite („cuvintele scrise italic reprezintă 
publicaţia”) sunt invizibile: 


<p>”PHP, programare obiectuală şi XML”, 
Sabin Buraga, 

<i>NET Report</i>, 

<p>11</p> (03) 38==43 (2001)</p> 


Deşi construcțiile XHTML permit autorului o oarecare precizare a structurii, impun în 
acelaşi timp atât autorului, cât si cititorului să cadă de acord asupra intelesului atributelor, 
al valorilor si al modului lor de marcare. Această structură (ambiguă) bazată pe elementele 
de prezentare a datelor permite autorului şi cititorului să scoată în evidenţă ceea ce este 
important, dar reprezintă doar un stadiu incipient pe drumul către o marcare structurală 
mai semnificativă. 

Prin reformatarea referintei utilizând marcarea structurală (destul de precară si ea) a 
limbajului XHTML, regulile reale de interpretare devin ceva mai clare („caracterele incluse 
într-un element <cite> reprezintă un titlu de referință” si „conţinutul elementului <h3> 
referă numele unei publicaţii”): 


<cite>PHP, programare obiectuală şi XML</cite> 
<h3>NET Report</h3> 

<h4>Sabin Buraga</h4> 

<ur> 

lili (03y<711> 

<li>38--43</li> 
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<1i>2001</1li> 
srul 


Utilizarea structurii de mai sus în referintele bibliografice poate îmbunătăți si modul de 
formatare a informaţiilor. Putem aminti aici si pe unul dintre mecanismele precursoare, 
reprezentat de sistemul BibTeX. 

Mergem mai departe prin reformatarea referintelor bibliografice utilizând un document 
XML patticularizat pentru astfel de referințe. Astfel, regulile reale de interpretare devin 
precise (mai ales dacă utilizăm spaţii de nume XML): 


<bibliografie> 
<titlu>PHP, programare obiectuală si XML</titlu> 
<revista>NET Report</revista> 
<autor> 
<prenume>Sabin</prenume> 
<nume>Buraga</nume> 


</autor> 

<volum>11</volum> 

<numar>3</numar> 

<an>2001</an> 

<pagini prima="38" ultima="43" /> 
</bibliografie> 


Documentul din acest exemplu este bine formatat chiar în lipsa unei definiţii DTD sau 
a unei scheme XML. Cititorul uman poate înţelege semantica, iar mașinile pot manevra 
informaţiile marcate în XML foarte bine (de exemplu, se pot afişa toate revistele prin 
parcurgerea marcajelor şi selectarea caracterelor din interiorul fiecărui element 
<revista>). 

Acest tip de marcare permite modelului informaţional să fie mai descriptiv, astfel încât 
o maşină să poată analiza lucrurile pe care o comunitate umană le înţelege de la sine. 
Problemele sintactice — precum codificarea caracterelor şi punctuatia — sunt definite 
utilizând adnotări structurate; manipularea documentelor — de exemplu restructurarea şi 
filtrarea — pot fi automatizate, iar fiecare componentă a unui document poate fi identificată 
în mod precis. 

Putem continua rafinarea marcării datelor, stabilind un spaţiu de nume pentru 
marcajele definind referințe bibliografice (în vederea evitării ambiguitatilor), in plus 
ataşând meta-date — recurgand eventual la asertiuni RDF (Resource Description Framework), 
un cadru menit a descrie resursele — fiecărei informaţii (de exemplu, specificând faptul că 
Sabin Buraga este autorul acelui articol, iar drepturile de proprietate intelectuală asupra 
publicaţiei sunt deţinute de altcineva etc.): 

<rdf :Description 
rdf:about="http://www.infoiasi.ro/~busaco/phpxml.pdf"> 
<bib:titlu>PHP, programare obiectuală şi XML</bib:titlu> 
<pibiautor> 
<rdf :Description 
rdf:about="mailto:busacolinfoiasi.ro"> 
<bib:prenume>Sabin</bib:prenume> 
<bib:nume>Buraga</bib:nume> 
</rdf:Description> 
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</bib:autor> 
</rdf:Description> 


Această manieră de marcare face posibilă reprezentarea cunostintelor pentru: 


- descoperirea resurselor prin furnizarea unor indicii utile motoarelor de căutare; 

- catalogarea computerizată a conţinutului şi relațiilor sale cu alte date, în vederea 
constituirii bibliotecilor digitale; 

- evaluarea conţinutului pentru agregare şi filtrare; 

- codificarea, partajarea si schimbul de cunoştinţe, într-o manieră inteligentă. 


Meta-limbajul XML reprezintă principala speranţă şi totodată componenta de bază 
pentru Web-u/ semantic. Prin intermediul unor mecanisme de descriere in XML a resurselor 
si relaţiilor dintre acestea, se va oferi cadrul necesar pentru interoperabilitatea între diverse 
aplicaţii care realizează schimburi inteligente de informaţii. 


areManual 


ruleazăPe necesită 


Platformă 


esteBazatPe 


stocatDe 


areAutor 


Domeniu 


identificată Prin 


Nodurile si legăturile au asociate descrieri semantice 


Conform creatorului spaţiului WWW, Sir Tim Berners-Lee, Web-ul semantic 
reprezintă o pânză consistentă şi logică a tuturor resurselor de pe Web, accentul punandu- 
se pe interpretarea datelor de către maşină şi nu pe reprezentarea lor. Trebuie să 
menţionăm aici faptul că o serie de companii de renume — precum Adobe, Hewlett- 
Packard, IBM, Nokia și Oracle, pentru a da numai câteva exemple — contribuie deja la 
realizarea de infrastructuri şi/sau aplicaţii software destinate Web-ului semantic. 


Formatul de : z x 
Sintaxa Stilul Structura Semantica 
document 


ASN.1 (Abstract Bia | Tip-lungime- Dependentă de 
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Se Ro [ese aste 
ASCII Linii Limbaj natural 
Unicode,... 
interne 
> Program i a PE 
PS Limbaj de D ‘i 
(PostScript) programare teii 
RIF Text oba Directive Caractere, 
(Rich Text Format) opac | extensibile paragrafe 


Formatare HTML 
(HyperText Markup| ‘Text lizibil 
Language) 


Structură HTML | Text lizibil CSS Declarativă Piei 
(eg: <address>) 
XML 
(Extensible Markup | Text lizibil | CSS, XSL Declarativă Extensibilă 
Language) 


RDF Scheme pentru 


Resource 3 meta-date 
( ia Text XML Declarativă 2 
Description suport pentru 


Framework) descrieri semantice 


Directive 


: : Prezentationala 
imbricate i 


Comparatie între diverse formate de documente în evoluția Web-ului 


2.3.5 Evoluţia elementelor programabile 


Evoluţia către formatele declarative (vezi tabelul de mai sus) poate fi constatată nu numai 
în domeniul documentelor, ci si în tendinţele comunităţii programatorilor. Aceleaşi forte 
pat să acţioneze şi în dezvoltarea succesivă a limbajelor de programare de tipul mai mult 
declarativ şi mai puţin operaţional: de exemplu, de la cod-maşină evoluţia a condus la 
limbajul de asamblare, apoi spre Pascal, C, C++, Perl, Java, Python, Pike si C#. 

De asemenea, Web-ul — prin evoluţia continuă a limbajelor bazate pe XML — poate fi 
considerat un veritabil sistem hipermedia distribuit, utilizând ca infrastructură Internet-ul. Prin 
popularea acestei infrastructuri cu seturi de componente orientate-obiect şi găsirea de 
modalităţi (semantice) de integrare a acestora, Web-ul poate fi privit ca un mediu eterogen 
pentru dezvoltarea şi exploatarea de sisteme obiectuale distribuite menite a manipula 
componente multimedia. 
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Surse de date 
(DB, XML) 4 
Script-uri JavaScript 
CGI, PHP, JSP plug-in-uri 


Serverul Web Clientul Web Utilizator 


Interacțiunile dintre server, client si utilizator din prisma unei aplicații Web 


Iniţial, spaţiul WWW era compus din pagini (documente) statice — incluzând text şi 
imagini, apoi elemente multimedia —, interconectate prin intermediul legăturilor hipertext. 
Aplicaţii de tip client (precum navigatoarele Web) erau folosite pentru accesarea — via 
adrese (URI) — a reprezentării acestor resurse, stocate pe servere Web. Programe 
suplimentare (p/ug-in-uri), incluse in navigatoarele Web, erau menite să redea tipuri de 
conţinuturi nestandardizate, ca fişiere Word, PostScript, PDF (Portable Document Format), 
Flash etc. Pentru a oferi conţinut dinamic utilizatorilor, sunt adoptate diverse modalități 
progtamatice, reprezentate pe partea de server de programe CGI (Common Gateway 
Interface), servere de aplicatii precum PHP (PHP: Hypertext Processor), JSP (Java Server Pages), 
ASP (Active Server Pages) sau ASP.NET, iar pe partea de client de programe JavaScript sau 
applet-uri Java. 

De remarcat faptul că o serie de elemente programabile funcționează drept 
componente middleware (generând de fapt o arhitectură 3-Her ori N-Her), reprezentând 
interfeţe pentru accesarea unor servicii aflate la distanţă (¢.g.: sisteme relationale de baze de 
date). 

Modelul client/server pe care se bazează Web-ul nu oferă suport suficient pentru 
dezvoltarea de aplicaţii distribuite pe scară largă, lipsind o serie de facilități precum 
scalabilitatea, serviciile de bază (i.e. servicii de nume, servicii de regăsire a resurselor etc.) 
sau securitatea. Programele CGI nu sunt scalabile deoarece fiecare instanță a acestora 
necesită un proces separat, executat pe serverul Web pentru a procesa cererile solicitate de 
un client particular. Serviciile sunt limitate deseori la accesarea unuia sau mai multor 
sisteme de gestiune a bazelor de date, uzual tranzacţiile efectuându-se necriptat. Aceeaşi 
situație persistă chiar în cazul unor soluţii mai recente, orientate-obiect, bazate pe 
infrastructuri precum CORBA/IIOP sau OLE/DCOM ori pe medii (framework-uti) de 
programare Java şi NET. 

Continua dezvoltare a unor metodologii şi instrumente obiectuale orientate spre Web 
prezintă o serie de avantaje principale, precum: extensibilitatea, interoperabilitatea pe 
diverse platforme, analiza, proiectarea si dezvoltarea de componente programabile, 
reutilizarea componentelor software, oferirea de servicii distribuite (ca de exemplu, servicii 
privind numirea, transparenţa, replicarea, regăsirea etc.), mai buna utilizare a resurselor de 
sistem. 

În strânsă legătură cu familia de limbaje XML si cu metodologiile obiectuale, unul 
dintre paşii importanţi ai evoluției spaţiului WWW îl reprezintă serviciile Web bazate pe 
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XML. Serviciile Web permit ca elemente programabile să fie plasate pe siturile Web, alti 
programatori/aplicaţii putând accesa functionalitatile acestor programe, în manieră 
distribuită si directă, pentru orice potential număr de sisteme independente, prin folosirea 
unor standarde precum XML si HTTP. O posibilă definiţie a conceptului de serviciu Web 
este aceea că acesta reprezintă un sistem software proiectat pentru a suporta interacțiunea 
masina-masina la nivel de Web, având o interfaţă de programare descrisă într-un format 
procesabil de către calculator. Un serviciu Web reprezintă o colecţie de funcţii 
împachetate, considerate ca fiind o singură entitate si publicate în spațiul WWW cu scopul 
de a fi folosite de alte programe. Serviciile Web sunt cărămizile pentru crearea de sisteme 
distribuite deschise, permiţând organizaţiilor şi dezvoltatorilor independenţi să-şi facă 
disponibile pe Web bunurile digitale într-un mod rapid şi facil. Aceasta va conduce la 
adoptarea unei alte viziuni privind programarea Web si la construirea unei infrastructuri 
complexe pe baza căreia să se dezvolte diverse aplicaţii specifice, precum serviciile Web 
semantice şi agenţii Web, în domenii ca economia digitală, cercetarea științifică sau 
divertismentul interactiv. 

O altă direcţie în continuă dezvoltare este Grid-ul, colecţie eterogenă de informaţii şi 
aplicaţii distribuite (eg: baze de date, biblioteci digitale, instrumente, servicii de control al 
fluxului de date etc.), considerată drept resursă unică, procesarea datelor decurgând 
independent de platformă. Configuratiile realizate de componentele unui Grid sunt 
dinamice, realizate ad-hoc în funcţie de necesităţi sau atunci când sunt disponibile in 
Internet. 

Calculatoarele sunt si vor fi incluse în diferite tipuri de dispozitive, pe diverse scale, 
precum telefoane celulare, palmtop-uri, notebook-uri, laptop-uri şi alte viitoare dispozitive 
portabile. Aceasta implică adoptarea unor noi mijloace de interacțiune şi comunicare atât 
între masini, cât si între calculatoare şi utilizatori, cercetările concentrându-se în prezent pe 
studierea comunicaţiilor fără fir (wireless), în medii distribuite precum Web-ul, folosindu-se 
diverse paradigme (peer-to-peer, sisteme de agenţi etc.). 


Identificatorii uniformi de resurse, protocolul HTTP şi limbajul (X)HTML au reuşit să 

îndeplinească practic scopurile principale ale Web-ului: 

= independența de dispozitiv (aceleași informaţii pot fi accesate via o multitudine de 
dispozitive ca mainframe-utile, calculatoarele personale, dispozitivele mobile etc.), 

= independența de software (forme diferite de software — clienţi (navigatoare, roboţi Web 
etc.) şi servere Web — oferă si extrag informaţii într-o manieră universală, fără ca 
nici un produs-progtam să reprezinte o componentă critică pentru spațiul WWW, 
deoarece Web-ul nu reprezintă un program, ci un set de protocoale şi specificații 
standardizate, deschise, redactate de Consortiul Web), 

= scalabilitatea (dezvoltarea exponențială a Web-ului este un exemplu interesant al 
efortului uman depus de comunitatea utilizatorilor Internet-ului, independent de 
resursele hardware si software disponibile), 

" multimedia (documentele, regăsite si sub denumirea de pagini, disponibile pe Web 
pot integra surse de informaţie multiple, în diverse forme, de la date discrete — 
text, imagini statice precum fotografii, scheme, diagrame etc. — până la cele 
continue — animații, audio şi video). 

Drept concluzie finală, Consorţiul Web — forța motrice din spatele XML-ului — 

consideră că misiunea sa este aceea de a conduce evolutia Web-ului. Deşi a împărtăşit mai 
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multe idei comune Internetului — precum „software-ul gratuit se răspândește mai repede”, 
„sistemele ASCII proliferează mai rapid decât cele binare” si „protocoalele proaste imită; 
protocoalele bune fură” — a impus o strategie inovatoare: ,,autodescrierea”. Web-u/ poate fi 
construit peste el însuşi. Identificatorii universali de resurse, formatele de date uşor de 
procesat de către maşină şi specificaţiile capabile de a fi interpretate de calculatoare pot fi 
împletite într-un sistem extensibil care asimilează orice concurență. În esenţă, apariţia 
limbajului XML în spectrul formatelor de date pentru Web pune capăt luptei asupra 
structutării documentelor în vederea realizării viziunii originare a creatorilor Web-ului. La 
ora actuală, XML reprezintă unica modalitate existentă pentru adnotarea complexă a 
datelor. 


Comentarii bibliografice 


Pentru mai multe informaţii referitoare la roboții de căutare, cititorul poate consulta 
informaţiile disponibile la adresele  http://bots.internet.com şi 
http://www.robotstxt.org. 

În ceea ce priveşte motoarele de căutare, de un real folos poate fi cartea S. Thurow, 
Search Engine Visibility, New Riders, 2003. De asemenea, mai multe detalii despre motoarele 
de căutare se găsesc în partea J a lucrării S. Buraga, Tehnologii Web, Matrix Rom, București, 
2001. Un glosar de termeni referitori la motoarele şi procesul de căutare poate fi parcurs la 
www.cadenza.org/search engine terms/. Pentru unele discuţii privind 
strategiile de căutare pe Web, cititorul poate consulta colecția revistelor PC Magazine şi 
CHIP sau cartea lui M. Jalobeanu, WWW in învätămánt, Casa Corpului Didactic, Cluj, 2001. 
Informaţiile privitoare la Google s-au bazat în principal pe cartea T. Calishain, 
R. Dornfest, Google Hacks (294 Edition), O’Reilly, 2004 şi pe siturile 
www.googlism.com si www.google.com/googleblog. Un alt sit de interes este 
http: //searchenginewatch.com/. 

Informaţii privitoare la siturile de tip mki pot fi găsite chiar în enciclopedia Wikipedia, 
cate reprezintă o sursă excelentă de cunoaştere — http://www.wikipedia.org. 
Celor interesaţi de fenomenul Web/oging sau de modul de implementare a unui bog le 
recomandăm parcurgerea informaţiilor capitolului 7 al lucrării S. Buraga (coord.), Sri 
Web la cheie. Soluţii profesionale de implementare, Polirom, Iasi, 2004. Tot în această carte sunt 
detaliate unele aspecte privitoare la portalurile Web. Liste ale celor mai populare b/og-uri 
sunt disponibile la adresele http://www.jjg.net/portal/tpoowl.html si 
http://portal.eatonweb. com. 

Menţionăm că pe CD-ul care însoţeşte cartea de faţă, în cadrul secțiunii ,,Resurse”, 
cititorul are posibilitatea de a alege să viziteze o serie de motoare de căutare si portaluri. 

Ca resurse privitoare la realitatea virtuală, recomandăm cartea S. Singhal si M. Zyda, 
Networked Virtual Environments, Addison-Wesley, New York, 1999. Alte materiale 
bibliografice utile sunt F. Ionescu, Grafica in realitatea virtuală, Editura Tehnică, Bucuresti, 
2000 si tutorialul VRML disponibil la adresa www. vapourtech.com/vrmlguide. 
Pentru o privite de ansamblu asupra universului realității virtuale si pentru urmărirea 
evoluţiei acestui domeniu, cititorul interesat poate vizita situl Consorţiului 3D — 
www .web3d. com. 
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O serie de informaţii referitoare la mediile virtuale distribuite pot fi găsite şi la adresele 
www .npsnet.nps.navy.mil/npsnet ŞI 
www. sics.se/dce/dive/dive.html. Detalii despre proiectul Nerve Garden al 
organizaţiei Biota sunt disponibile pe situl Web al acesteia: www.biota.org. De 
asemenea, pe CD-ul cărţii este disponibil un tutorial elaborat de Ştefan 'Tanasă, putând fi 
consultat de cititorii interesaţi de subiectul lumilor virtuale. 

Evoluţia World-Wide Web poate fi surprinsă cu fidelitate vizitând situl Consortiului 
Web — www.w3.org. Primele idei privitoare la Web-ul semantic au fost disponibile 
publicului încă din anul 1998, într-o nota semnată de Tim Berners-Lee: 
http: //www.w3.org/DesignIssues/Semantic.html. Un alt sit demn de 
interes este www. Semant îi cwleb. org. Două lucrări care surprind Web-ul semantic sunt 
M. Daconta er al, The Semantic Web, Wiley Publishing, 2003 şi S. Buraga, Semantic Web, 
Matrix Rom, Bucuresti, 2004. 

În ceea ce priveşte serviciile Web, recomandăm adresa www.WebServices.org. 

Lumea XML este în continuă evoluţie, de asemenea. Cititorul are posibilitatea de a afla 
mai multe despre familia de limbaje XML si tehnicile de procesare a documentelor 
marcate in XML parcurgând tutorialele incluse pe CD-ul cărţii. Pentru alte amănunte, a se 
consulta siturile www . xml . org şi www. topxml . com sau rapoartele tehnice disponibile 
pe situl Consortiului Web. 


3. AFACERI PE WEB 


Economia va rămâne principala ştiinţă atâta timp cat nu vom 
reuşi să ne brâniw cu cer şi cu vânt. (Mihaly Tancsisc) 


Capitolul de fata realizează o trecere în revistă a problematicilor si tendinţelor 
unuia dintre domeniile tinere ale tehnologiilor Web — e-business. Se detaliază 
modelele si categoriile actuale de afaceri pe Web, modalitățile de plata 
electronică si se accentuează cele mai importante aspecte referitoare la comerțul 
electronic (e-commerce). 


3.1 Generalități 


O afacere (busines) reprezintă o întreprindere (enterprise) care oferă produse și/sau servicii 
solicitate de clienți. Conceptul de e-business s-a născut cu mult înainte de apariția 
Internetului. Încă din anii "70, domeniul afacerilor asistate de calculator a devenit popular 
pentru reţelele financiare. Diferite instituţii (în special băncile) erau conectate prin 
intermediul unor reţele private în vederea efectuării diverselor tranzacţii cu sprijinul 
tehnologiei computationale. Standardul EDI (Exectronic Data Interchange), stipuland diverse 
formate universale de interschimb de informaţii, a fost disponibil cu mult înainte de a fi 
folosit Internetul pentru aceasta. În schimb, o dată cu apariția Internetului dimensiunea 
afacerilor electronice a crescut simţitor. 

Termenul e-business a fost folosit în premieră în anul 1997 de către IBM. În acea vreme, 
compania initiase o campanie puternică în jurul acestui termen. La început a fost folosit 
termenul e-commerce care a devenit, ulterior, doar o fateta (ce-i drept, importantă) a 
conceptului de e-business. IBM defineşte e-business-ul ca fiind o modalitate de „acces 
securizat, flexibil şi integrat pentru desfăşurarea diferitelor afaceri prin combinarea 
proceselor si sistemelor care execută operaţii de bază ale afacerii cu cele care fac posibilă 
găsirea informaţiilor pe Internet”. Teoretic, prin conectarea sistemului informatic pe Web, 
putem spune că dezvoltăm un e-business, adică instituim „sistemul nervos central al afacerii 
noastre”, după spusele lui Bill Gates. 

Un alt termen — lansat de compania Hewlett-Packard în 1999 — este cel de e-service, 
desemnând oferirea unor soluţii complete pentru e-business, constituite din hardware 
(echipamente de calcul şi rețea), software si consultanță. 

Internetul reprezintă un mediu prielnic pentru afaceri si comunicaţie, combinând toate 
tehnologiile actuale într-un singur cadru de lucru în care sunt integrate diferite dispozitive 
electronice (telefon, fax, calculator portabil, SmartPhone, PalmTop, TabletPC etc.). 
Trimiterea unui fax pe Internet este la fel de simplă ca si receptionarea unui mesaj vocal. 
Este posibil să convertim un fax într-un mesaj de poştă electronică sau reciproc şi, mai 
departe, să trimitem acel mesaj pe telefonul mobil. Mai mult, prin intermediul unui 
dispozitiv mobil, cum ar fi telefonul, ne putem conecta la Internet, pentru a parcurge 
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mesajele de e-mail (a se vedea servicul wap . yahoo.com), pentru a naviga pe siturile Web, 
pentru a căuta informaţii folosind diverse motoare de căutare (wap .google. com) etc. 
Putem considera că Internetul, punând la dispoziţie diferite forme de comunicaţie, oferă 
afacerilor posibilitatea de a fi integrate mult mai facil. Dacă ar fi să întreprindem un studiu, 
am constata că numărul de telefoane si alte dispozitive mobile cu acces prin WAP (Wireless 
Application Protocol este mult mai mate decât numărul de calculatoare conectate la Internet. 
Motiv pentru care, în viitorul apropiat, ar fi imperios necesară dezvoltarea de diverse 
aplicaţii care să ofere mai multe servicii bazate pe WAP. De ce să nu efectuăm tranzacții 
prin telefonul mobil, mai ales având în vedere faptul că acesta este mai uşor de utilizat 
decât un calculator prevăzut cu o tastatură care numără peste o sută de taste si care poate 
să ,,sperie” orice utilizator novice? 


Schimbarea 
regulilor economice 
Transformarea modelului 
economic al pretului 


Transformarea 
industriilor existente 
Software 
Media 
Telefonie 


Noi surse financiare 
Informatii 
Arta 
Divertisment 


Pe termen scurt Pe termen lung 


Evoluţia afacerilor pe Web 


3.2 Prezenţa pe Web 


3.2.1 Motive 


Infrastructura actuală a Internetului permite dezvoltarea de aplicaţii diverse. Probabil mai 
dificil de imaginat ca fiind posibilă practic, o utilizare aparte a Internetului (în special a 
Web-ului) poate fi ilustrată în exemplul următor. 

Computerul unui autoturism emite o cerere prin satelit către toate staţiile de benzină 
aflate pe o rază de 10 km pentru a afla preţul cel mai scăzut. Sistemul de navigare al 
mașinii va conduce şoferul către staţia care oferă benzina cea mai ieftină. O altă situaţie 
este cea în care maşina este implicată într-un accident. Calculatorul maşinii detectează cât 
de grav este avariat autovehiculul şi se conectează la situl Web al spitalelor din zonă pentru 
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a putea chema cea mai apropiată ambulanţă la locul accidentului. Între timp, cunoscând 
identitatea pasagerilor maşinii, se pot afla informaţii referitoare la profilul medical al 
acestora pentru ca ptimul ajutor să fie cu adevărat eficient. În acelaşi mod, poate fi apelată 
şi cea mai apropiată staţie de poliţie, eventual contactându-se automat şi rudele pasagerilor. 

Deşi aceste situaţii pot părea mai îndepărtate de domeniul afacerilor pe Web, ele spun 
ceva despre forța potenţială a Internetului, in general, şi a spaţiului WWW, în special. Să ne 
concenttăm totuşi asupra comerțului electronic. 

Comerţul pe Internet a devenit o nouă frontieră pentru lumea afacerilor în întreaga 
lume. Deşi viteza cu cate acesta pătrunde în România nu este una dintre cele dorite, soluția 
de a comercializa produse şi servicii pe Web devine atrăgătoare din cel puţin două motive, 
şi anume: 


* Comerțul electronic oferă oportunitatea de a câştiga cât mai multi clienţi şi de a 
comunica mai strâns cu aceştia. Pe Web, fiecare afacere are o prezenţă totală 
(virtual 24 de ore din 24, şapte zile pe săptămână, 365 de zile pe an), şi indiferent 
dacă dimensiunea unei afaceri este mică, medie sau mare, aceasta isi poate câştiga 
clienți din întreaga lume sau se poate adresa unei clientele specializate (vânzătoarea 
de zarzavat nu poate accede la afaceri nici măcar nationale, însă cu ajutorul Web- 
ului îşi poate promova oferta tuturor locuitorilor din cartier). Un alt aspect 
important este acela că pot fi oferite produse speciale unui grup restrâns de clienți. 
Tehnologiile calculatoarelor şi cele ale comunicaţiilor dau posibilitatea cunoaşterii 
cât mai multor aspecte despre clienţi si despre preferințele acestora — după cum 
menţionează Bill Gates, „clienţii modelează afacerile”. Prin creşterea relaţiilor cu 
clienţii se pot amplifica şi rafina vânzările, fiecare client putând fi tratat individual, 
spre deosebire de comerțul traditional în care clienţii erau divizați pe categorii. 
Aceasta conduce şi la realizarea facilă a rapoartelor analitice privind procesele de 
afaceri, dezvoltându-se un marketing direct 1-la-1. 

* Un alt avantaj al comerţului electronic este cel al costurilor reduse pentru servicii şi 
distribuţie. Internetul scade surprinzător costul distribuţiei de informaţii şi, la fel de 
bine, oferă posibilitatea de a menţine informaţiile actualizate (a se vedea, de 
exemplu, siturile magazinelor Web precum Amazon — www.amazon.com — sau 
cele ale burselor de diverse tipuri). Într-o lume în care clienţii sunt de orice 
categorie şi aşteaptă orice informaţie despre produsele şi serviciile pe care le 
cumpără, abilitatea de a furniza informaţii (şi aceasta foarte ieftin) devine de o 
importanţă capitală în procesul de vânzare. Pe Web, informaţia poate avea şi 
statutul de produs, comerțul electronic migrand de la vânzarea de bunuri palpabile 
la cea de date (e.g: consultanţă, oferirea de conţinut multimedia: piese muzicale sau 
filme, software). 


Totuşi, înainte de a ne entuziasma foarte mult de soluţiile oferite de comerţul 
electronic, trebuie să avem in vedere, ca avertismente, şi următoarele aspecte si efecte 
secundare ale acestuia: 


° migrarea de la o piată (si o competitie) locală la o piată (competitie) mondială: multe firme 
(celebrele . com-uri) au neglijat acest aspect si nu au dezvoltat un model viabil de 
afacere; 
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problema drepturilor de autor. nu se recomandă etalarea pe Web a unui anumit conţinut 
(informaţii financiare, muzică, reproduceri de artă etc.) sau software, fără a avea 
acordul autorilor (a se vedea cazul companiei Napster); 

kegalitatea. nu oricine poate realiza afaceri pe Web, oricum si oricând, fără a-şi 
desfăşura activitatea în condiţii legale; 

securitatea: nerespectarea normelor de securitate şi de asigurare a confidentialitatii 
conduce la eşec timpuriu; 

viabilitatea: procesele angrenate într-o afacere (oricare ar fi aceea) trebuie să fie 
viabile (de exemplu, dacă nu este rezolvat mecanismul de plată via Web a 
produselor comandate, de cele mai multe ori este inutil să fie dezvoltat un sit Web 
de comerţ electronic). 


3.2.2 Etape ale prezentei pe Web 


Credem că nu există dubii pentru nimeni în privinţa motivului pentru care orice companie 
trebuie să fie prezentă, într-o anumită măsură, pe Web. Acest deziderat este atins printr-un 
întreg, proces, care poate fi urmărit în mai multe faze: 


În prima etapă, compania isi face simțită prezenţa pe Web prin intermediul unei 
pagini, fără a stabili o strategie clară şi fără a oferi un motor de căutare internă. Se 
prezintă doar informaţii despre produsele/ serviciile oferite. Această fază ar putea fi 
rezumată în fraza „Salut, sunt ov-/ine’, la nivelul căreia nu se poate comunica in 
bune condiţii cu oamenii din interiorul companiei, iar cu cei din exterior, foarte 
limitat. 

În cea de-a doua etapă — numită „sit Web structurat” —, sunt oferite informaţii 
structurate, pentru cate există un motor de căutare după cuvinte-cheie. De 
asemenea, este prezentat cadrul general al organizaţiei (profil, posibilități de contact, 
informaţii despre angajaţi şi clienţi), iar angajaţii pot schimba mesaje între ei, prin 
intermediul sistemului intern de poştă electronică sau prin intermediul listelor de 
discuţii. 

În următoarea fază, compania încearcă să vândă informaţii, bunuri, servicii etc. în 
manieră on-line (de cele mai multe ori este vorba de comenzi prin posta electronică), 
dar sistemul nu este conectat direct la o bază de date disponibilă pe Web. Sistemul 
este lent, costă multi bani şi nu este securizat. Nu există nici o posibilitate ca 
sistemul informatic al companiei să fie conectat la alte sisteme informatice ale altor 
companii. 

Etapa a patra reprezintă pasul în care situl Web al organizaţiei este direct conectat la 
intranetul acesteia, permiţând accesarea informaţiilor din baza de date internă şi 
utilizând protocoale securizate pentru a transmite date între companie si clienți sau 
către alti parteneri de afaceri (eg: furnizori). O putem numi şi faza „afacerilor 
electronice”. 

A cincea etapă, actualmente poate mai dificil de implementat în România, ar fi cea 
în care utilizând orice dispozitiv electronic (telefon celular, autoturism, chioșc 
informational etc.) oamenii vor putea accesa datele/serviciile unei anumite 
companii şi vor fi capabili de a trimite/receptiona informaţiile dorite pentru a 
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realiza afaceri electronice, aproape instantaneu, fără a mai trebui să cunoască adrese 
de situri Web, nume de resurse etc. 

* În ultima fază (utopica?), „O singură lume, un unic computer”, toate dispozitivele 
electronice vor fi interconectate pentru a crea o uriaşă resursă informaţională, la 
nivel mondial. Aceste calculatoare ubicue vor fi capabile să schimbe între ele orice 
tip de informaţie, iar aplicaţiile folosite vor furniza utilizatorilor răspunsurile dorite 
fără ca aceştia să cunoască proveniența lor. Este ceea ce Mark Weiser numea încă 
din anul 1991 ubiquitous computing, desemnând omniprezenta şi conectivitatea 
universală a calculatoarelor. 


3.3 Modele de e-business 


Procesele de e-business se pot efectua în diferite contexte, putând fi divizate în următoarele 
categorii generale: 


1. În cadrul unei organizaţii, zona de influenţă a afacerilor electronice este intranetul. 
Intranetul se bazează pe standardele Internetului pentru comunicaţia între sisteme 
de calcul. Personalul conectat la intranet poate avea acces la siturile Web specifice 
unor departamente din cadrul companiei (że. situl departamentului de marketing). 
Aceste situri sunt separate de Internet prin intermediul unor metode de securitate 
(eg: se folosesc firewa/furi pentru a filtra orice informatie referitoare la datele 
interne), astfel încât persoanele din afara organizaţiei să nu poată avea acces la 
informaţiile private. De exemplu, companii precum Apple, Microsoft ori Sun pun 
la dispoziţia angajaţilor un sit Web în intranet prin care pot fi accesate sistemele 
proprii. Mai mult, prin intermediul poştei electronice sau a unor b/og-uri interne, 
aceştia sunt instiintati când apar oferte speciale. Astfel, situl Web din Intranet 
permite angajaţilor să obţină informaţii curente si să plaseze comenzi on-line, 
eliminând timpul şi costurile aferente apelurilor telefonice. 


Tehnologii de vârf 


servicii de afaceri 


Industrie 


Comerț 


Sector 
guvernamental 


Nevoia de intranet pentru diverse domenii de afaceri (în procente) 
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În funcţie de politicile de securitate şi de infrastructura rețelei, angajaţii pot avea 
acces de pe Internet la rețeaua privată folosind protocolul VPN (Virtual Private 
Network). 


Beneficiu Valoare procentuala 


Cresterea productivitatii si eficientei 


Imbunatatirea colaborării între angajaţi 


Reducerea stresului 


Îmbunătăţirea calităţii muncii 


Promptitudinea în luarea deciziilor 


Îmbunătăţirea relaţiilor cu furnizorii si clienții 


Micşorarea ciclurilor de producţie si marketing 


Beneficiile actuale ale intranetului unei companii de dimensiuni mici san medii 


2. Business-to-business (B2B) reprezintă modelul care încearcă utilizarea tehnologiilor 


bazate pe Web pentru a conduce afaceri între două sau mai multe companii. 
Termenul business poate însemna „cumpărare”, „vânzare”, dar şi schimb de 
informaţii între aceste companii, prin intermediul extranef-ului. Tranzacţiile B2B pot 
avea loc direct între două companii sau prin intermediul unei a treia părți 
(intermediarul) care ajută la găsirea „cumpărătorului? şi „vânzătorului”. 
Interacțiunile B2B implică desfăşurarea unui spectru larg de tranzacţii precum 
achiziţiile de materii prime, controlul stocurilor, facturarea şi efectuarea plăţilor. 
Acest model poate fi, astfel, rafinat, în două subtipuri: 


* un ptim caz este acela în care există un contract de partenetiat între companii, 
un exemplu de modelare a acestui scenariu fiind o aplicaţie pentru un lant de 
desfacere; 

e al doilea tip presupune existența unei pieţe electronice (¢-marke/) în care 
interacționează mai multi cumpărători şi mai multi furnizori. 


De menţionat faptul că reţelele B2B existau cu mult înaintea apariţiei Internetului. 
Multe organizaţii aveau reţele private care comunicau cu partenerii şi clienţii, însă 
întreţinerea lor era foarte scumpă — mai ales dacă platformele de calcul (Aardware, 
sisteme de operare, aplicaţii) erau eterogene, chiar incompatibile între ele. Prin 
intermediul Internetului, costurile au scăzut uimitor. 

Modelul business-to-consumer (B2C) este unul dintre cele mai cunoscute si prezente 
modele, fiind folosit pentru a vinde bunuri şi servicii către consumatorii finali. 
Tipic, cumpărătorul (consumatorul) utilizează un navigator Web pentru a se 
conecta la situl vânzătorului prin intermediul unui furnizor de servicii Internet — 
ISP (Internet Service Provider). Initial, vânzătorul pune la dispoziţie un catalog 
electronic (denumit și e-catalog) de produse si de servicii. Situl vânzătorului ar trebui 
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să ofere sugestii pentru produse complementare sau produse alternative mai 
scumpe, să includă recomandări pentru produse şi să pună la dispoziţia clientului 
cele mai uzuale forme electronice de plată. De notat faptul că vanzatorul nu trebuie 
neapărat să joace şi rolul furnizorului sau al producătorului bunurilot/ serviciilor pe 
care le pune la dispoziţie. De asemenea, vânzătorul poate apela la furnizori multipli 
(uneori aceştia necunoscându-se direct). Multe companii de vânzări cu amănuntul 
au dezvoltat în paralel afaceri electronice, dar sunt si cazuri în care modelul B2C 
recurge exclusiv la Internet. 

Ca alte modele se pot menţiona: 

4. Consumer-to-consumer (C2C) care descrie cazul colaborării diferiților utilizatori (clienţi) 
prin intermediul documentelor partajate, a poştei electronice sau a altor mijloace 
(drept exemplu, pot fi menţionate licitaţiile sau anunţurile on-line de mică 
publicitate). La nivel de angajat, putem considera si modelul emp/oyee-to-employee 
(E2E) implicând interacțiunea electronică dintre salariaţii unei companii, ca tip 
distinct de consumatori, si angajaţii firmelor cu care această companie se află într- 
un parteneriat strategic. 

5. Consumer-to-data (C2D) specifică situaţiile in care utilizatorii au nevoie de cantități 
însemnate de date (text, imagini, multimedia, informaţii) şi folosesc diverse 
instrumente electronice (cataloage, motoare de căutare, agenți Web etc.) pentru a le 
extrage. 

Tot în acest context, trebuie menţionat şi modelul business-to-government (B2G) care 
presupune schimbul — pe căile electronice oferite de Internet — de produse, servicii și 
informaţii dintre companii comerciale si agențiile guvernamentale. De asemenea, există şi 
modelul government-to-business (G2B), în care guvernul interacționează cu organizaţiile 
comerciale prin intermediul siturilor (portalurilor) guvernamentale. 


3.4 Categorii de e-business 


Dacă la început comerțul electronic era singura fateta a lumii afacerilor disponibilă pe 
Web, categoriile de e-business actuale s-au născut prin portarea tipurilor de afaceri în era 
digitală, ele devenind independente de tehnologia utilizată pentru implementare. 
Tehnologiile Web sunt capabile de a realiza prezentări multiple a informaţiilor şi de a 
restructura afacerile. Conform celor afirmate în anul 2002 de IBM, e-business-ul reprezintă 
un mijloc de îmbunătăţire a calităţii serviciilor oferite şi a relaţiilor pe care o companie le 
are cu cei mai importanţi constituienti — clienți (customers), angajați (employees), comercianți 
(vendors) şi furnizori (suppliers). 

În timp, tot mai multe tipuri de afaceri vor fi convertite la forma digitală, chiar dacă în 
prezent acest lucru pare imposibil de realizat. Tehnologiile se dezvoltă destul de rapid ca să 
poată face posibil mâine ceea ce nu a fost posibil ieri ori nu se poate încă realiza astăzi. 
Treptat, e-business-ul devine, tot mai pregnant, omniprezent. 

În cadrul următoarelor secţiuni, vom detalia o listă a categoriilor de e-business prezente 
deja în spaţiul digital. Atunci când accesul la afacerile electronice are loc via dispozitive 
mobile se obișnuiește să se folosească prefixul „m-” ataşat fiecărei categorii in parte (de 
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exemplu, m-commerce vizează comerțul electronic prin intermediul sistemelor de calcul 
mobile, fără fir). 


3.4.1 E-anctioning — licitații electronice 


O licitaţie implică un proces prin care se pot cumpăra sau vinde bunuri, oferind 
produse, acceptând oferte şi vânzând articolul respectiv celui care a oferit preţul cel mai 
ridicat. Astfel, din punct de vedere economic, licitaţia reprezintă o metodă pentru 
determinarea valorii unui obiect (de cele mai multe ori, casnic) care are un preţ nehotărât 
sau variabil. În unele cazuri, există un pret minim sau rezervat. Drept exemple de licitaţii, 
se pot menţiona vinderea unei colecţii celebre de mărci poştale sau de tablouri. Există şi 
cazul licitaţiilor forțate care presupun scoaterea spre vânzare a unui bun (de exemplu, 
apartament oti companie), parcurgându-se o procedură juridică pentru recuperarea unei 
pagube. 

Deja prezente în România, licitaţiile pe Web au căpătat altă dimensiune fata de cele 
clasice. Într-o licitaţie tradițională, un număr de oameni sunt prezenţi în casa de licitaţii, iar 
alti oameni pot licita prin intermediul telefonului. Punerea la punct a casei de licitaţii, ca şi 
licitarea prin telefon, implică o serie de costuri care pot depăși cu mult valoarea bunurilor 
tranzacţionate. Mai mult, licitaţiile de acest tip pot fi restrictionate la o anumită localizare 
spatialo-temporala sau la un grup exclusiv de oameni. 

Licitaţiile electronice însă se pot desfăşura într-un mod mult mai democratic, 
permiţând oricui să liciteze un bun/serviciu oferit, indiferent unde se află localizat fizic 
situl, singura condiţie fiind aceea de a avea acces la Internet. Intregul proces al licitaţiei — 
de la etapa de înregistrare a licitaţiei până la încheierea acesteia — poate fi astfel foarte 
scurt. 

Există mai multe tipuri de licitaţii care pot fi implementate on-dine: 

„licitaţia englezească implică faptul ca participanţii să liciteze deschis unul împotriva 
altuia, finalizarea având loc la ultima valoare oferită sau când este atins un preţ 
prestabilit; 

= licitaţia olandeză presupune faptul ca vanzatorul unui bun să solicite initial un pret 
maxim, coborât până când un participant la licitaţie acceptă acel pret; acest tip e 
convenabil atunci când timpul de desfăşurare a licitaţiei trebuie să fie mic sau când 
sunt vândute simultan produse identice unui număr egal de licitatori; 

= licitaţia în plic închis impune ca fiecare dintre participanţi să propună concomitent 
oferte, fără să cunoască ofertele celorlalți, câştigând cel care a oferit preţul maxim; 

= (licitația Vickrey este asemănătoare precedentei, dar preţul plătit de câştigător nu 
este cel propus de acesta, ci este cel al ofertei imediat următoare ca valoare; 

= licitaţia silentioasa (tăcută) presupune ca participanţii să-şi comunice în scris oferta, 
cunoscând sau nu ofertele celorlalți; acest tip de licitaţie este adoptat, de cele mai 
multe ori, în cadrul evenimentelor caritabile. 

În România putem beneficia de licitaţii electronice utilizând diverse servicii oferite de 

situri precum www. okazii.ro sau www .eeebid. ro. 

Ca exemple de situri cu influență mondială, eBay (www.ebay.com) sau Ricardo 
(www .ricardo. com) oferă deja fiecărui vizitator posibilitatea să liciteze, să fie ofertant 
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în cadrul unei licitaţii sau să efectueze ambele operaţii, în același timp, chiar pentru mai 
multe produse diferite. 
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3.4.2 E-banking — tranzactii bancare electronice 


Băncile electronice reprezintă una dintre cele mai de succes afaceri on-line. E-banking-ul 
oferă clienţilor acces la conturile lor via Web şi permite efectuarea tranzacţiilor financiare 
doar prin simpla utilizare a sitului. Folosind acest serviciu on-/ine, clienţii au posibilitatea sa 
obțină detalii despre contul lor bancar, să parcurgă un jurnal al tranzacţiilor, să transfere 
fonduri, să emită cecuri, să plătească facturi etc., fie prin intermediul unui navigator Web 
clasic, fie folosind un dispozitiv fără fir compatibil cu protocolul WAP, în condiţii de 
securitate sporită. În ultimul timp, tot mai multe sisteme utilizează carduri inteligente 
(smart cards) pentru sporirea securității — a se urmări si discuţiile din secțiunea 3.5.3 a 
capitolului de față. 


3.4.3 E-branding — Prezentarea on-line a mărcii 


Totalitatea căilor prin care o organizaţie se prezintă pe sine reprezintă ¿dentitatea acesteia. 
Ceea ce percep diferitele categorii de utilizatori se numeşte imagine. Diferenţa dintre 
identitate si imagine este aceea că prin identitate o organizaţie se regăseşte in fata 
publicului său prin anumite modalităţi, iar imaginea reprezintă maniera în care publicul 
percepe acea organizaţie. Managementul identității poate fi definit ca fiind administrarea 
explicită a tuturor mijloacelor prin care organizaţia se prezintă audienţelor sale, într-un 
mod explicit sau nu. 

Aşa cum nu putem intra într-un magazin fără să percepem diverse identități — asociate 
fiecărei categorii de produse —, similar nu putem naviga în spaţiul Web fără să percepem 
aceleaşi sau alte identități. Fiecare companie, organizaţie sau regiune intenționează să se 
promoveze pe sine, să-şi exprime caracteristicile, valorile, concepţiile, personalitatea. 
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Conform Wally Ollins, una dintre personalitățile de marcă ale branding-ului, „Identitatea poate 
proiecta patru lucruri: cine esti, ce faci, cum faci şi unde vrei să ajungi.” 

Datotită globalizării, nu numai sectorul comercial şi-a creat programe de identitate, ci si 
instituţiile publice (e.g., muzeele, teatrele, universitățile etc.) sau organizaţiile non-profit. 
Imaginea organizaţiei este vizibilă via mijloace electronice, în general, şi Web, în special. 
Pentru a se asigura o identitate vizuală consistentă în cadrul sitului, vom putea recurge la o 
suită de mijloace dintre care se disting: 

e numele — primul aspect prin care o organizaţie sau un produs, fie el software sau nu, 
se diferenţiază de concurenţă, este numele. De cele mai multe ori, numele trebuie 
să fie similar cu sau să intre în componenţa numelui domeniului Internet alocat 
sitului companiei/produsului. Atunci când domeniul deja a fost alocat unei alte 
organizaţii, se preferă folosirea initialelor ori găsirea unei prescurtări. Schimbarea 
numelui conduce la dificultăţi în desfăşurarea programelor de identitate desfăşurate 
de organizaţie ori de companie. Printre criteriile de selectare a numelui (şi implicit 
a numelui domeniului alocat sitului Web) se numără lizibilitatea, uşurinţa 
pronunțării, flexibilitatea (organizaţia isi poate extinde paleta de activități) sau 
idiosincretismul. De asemenea, numele nu trebuie să se perimeze sau să aibă 
asocieri dezagrabile, dar trebuie pe cât posibil să fie legat de activitatea organizației 
şi să poată fi uşor asociat unui stil vizual puternic; 

e = simbolurile — reflectă sigla (/ogo-ul) companiei/produsului şi mulţimea pictogramelor 
elementelor de interfață utilizate. Criteriile care trebuie luate în consideraţie în 
alegerea judicioasă a simbolurilor sunt mai ales cele de natură cognitivă. Scopul 
esenţial al unui simbol este acela de a expune utilizatorului ideea centrală a 
organizaţiei / produsului, prin intermediul unui stil concis, puternic şi direct. 
Simbolurile acţionează ca declanşatori vizuali în producerea unei succesiuni de idei 
în minte, într-un mod mult mai eficient şi rapid decât cuvintele; 

e schema de culori — reprezintă un alt mod prin care o organizație sau un sit Web se 
poate diferenţia de concurenţă. Culoarea nu este un atribut uşor de manevrat, 
trebuind să stabilească şi ambientul, deoarece ambientul poate fi folosit pentru a 
prezenta ideea organizaţiei către clienţi. Aşa cum vom vedea în capitolul al cincilea, 
culoarea poate fi folosită drept cod vizual, indicând categoria de informaţie afişată 
utilizatorului — acest aspect devine foarte important în cazul siturilor de prezentare 
a unei companii, deoarece trebuie să indice cu claritate identitatea acesteia. O 
culoare folosită într-o manieră neașteptată poate cauza confuzii, erodând imaginea 
companiei. De exemplu, nimeni nu se poate aştepta ca situl Web al companiei Red 
Hat- www . redhat . com — să adopte drept culoare principală verdele. 

În mediul virtual — mai mult decât nume, simboluri, imagini şi culori —, o importanţă 
majoră o are interacțiunea dintre utilizator si produs. Astfel, design-ul trebuie să asigure 
această interacțiune prin factori precum prezentarea mărcii (branding), oferirea unei 
interfeţe atractive şi intuitive si asigurarea ergonomie interacțiunii dintre om şi maşină. 

Procesul de comunicare — prin intermediul căruia se poate prezenta marca — reprezintă 
principalul mijloc de formare a identităţii. Fiecare organizaţie comunică, atât cu personalul 
propriu, cât şi cu diverse audienţe externe. Alături de adresarea vocală şi scrisă, maniera de 
comunicare este reprezentată de materiale tradiționale — tipărituri (precum reclame, 
cataloage, facturi etc.) ori apariții în mass-media (radio, televiziune, evenimente, lansări, 
vetnisaje şi altele), dar — mai ales în ultima perioadă — de prezența pe Web. Unul dintre 
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mijloacele moderne de comunicare este reprezentat de e-mail, un adevărat canal de 
comunicare ubicuă, concurat de Web — la nivel de intranet, extranet ori Internet. 

Saloanele de prezentare (showroom-urile) sunt substituite treptat de către situri, 
programele de identitate ale organizaţiilor vizând mai ales asigurarea unei interfețe Web cât 
mai atractive şi intuitive, menite a consolida sau chiar a institui identitatea unui produs ori 
companii. Un exemplu edificator în acest sens este cel al magazinului virtual Amazon.com. 
Asistăm astfel la apariția unui branding on-line — indus de alegerea numelui domeniului 
Internet al sitului, de crearea unei identități vizuale şi, nu în ultimul rând, de asigurarea 
funcționalități si ergonomiei aşteptate de vizitatori. Identitatea devine astfel mult mai 
pregnant reliefată. 

Identitatea organizaţiei (şi implicit a sitului) poate fi orientată către exterior — cazul 
branding-ului corporatist, axat pe marketing — sau spre interior — identitatea centrată pe 
viziune, În primul caz, programul de identitate contribuie la crearea şi afirmarea 
produselor/serviciilor prezentate de situl Web prin intermediul numelui, simbolurilor 
vizuale, schemei de culori si a altor factori de design. În cel de-al doilea caz, activitatea este 
focalizată spre domeniul resurselor umane, situl Web fiind dezvoltat mai ales pentru 
intranetul organizaţiei, astfel încât angajaţii să conştientizeze misiunea si identitatea 
companiei. 


3.4.4 E-commerce — comertul electronic 


Există diferite definiții pentru e-commerce, însă pe scurt acesta reprezintă vânzarea şi 
comercializarea bunurilor şi serviciilor prin intermediul tehnologiilor oferite de Internet. 

O altă definiție generală a comerțului electronic este aceea că reprezintă wn schimb 
electronic de informații între o afacere şi clienții săi, constituind aşadar una dintre cele mai vizibile 
fațete ale afacerilor pe Web. O multitudine de aplicaţii si de furnizori de servicii Web 
trebuie să conlucreze pentru ca un sit de comerț electronic să poată funcţiona în bune 
condițiuni. 

Beneficiile comerţului electronic rezidă în următoarele observaţii: 


* este convenabil, siturile fiind operaţionale 24 de ore pe zi, 7 zile pe săptămână; 

e costuri interne mici, comerţul electronic eliminând interacţiunea dintre cumpărator 
şi intermediarii tranzacţiei; 

e costuri scăzute de procesare a tranzacţiilor, metoda de plată electronică fiind mai 
puţin costisitoare decât modul de plată prin monetar (despre modalităţile de plată 
vom discuta detaliat în subcapitolul 3.5); 

e o creştere substanţială a vitezei procesului de vânzare; companiile de e-commerce 
recepționează veniturile mai rapid decât în sistemul tradiţional; 

* reducerea erorilor, procesarea automată producând mai puţine erori decât procesul 
de vânzare tradiţional; 

e spațiu nelimitat, siturile de e-commerce putând afisa/indexa un număr nelimitat de 
bunuri si servicii; 

* prezența globală crescută, compania putând fi accesată (teoretic) de posibili clienți 
din orice colt al lumii; 

e disponibilitatea informaţiilor despre clienţi, existând astfel posibilitatea de a studia 
preferinţele unui client individual sau ale unui grup specific de clienţi, de a modela 


98 Proiectarea siturilor Web 


afacerea după dorințele clientului sau de a interschimba rapoarte analitice privind 
clientela — în concluzie, o mai bună interacțiune cu clientul. 


Multe persoane confundă noţiunea de comerț electronic cu cea de e-business, ea fiind in 
realitate doar o categorie de e-business. Comerţul electronic a reprezentat una dintre primele 
tipuri de afaceri care au devenit disponibile și în formă electronică, dar Internetul 
facilitează mult mai mult decât vânzare şi cumpărare de produse şi servicii. 

Despre alte aspecte legate de comerţul electronic vom discuta în detaliu în subcapitolul 
3.6, special dedicat acestui subiect. 

Există, de asemenea, posibilitatea comercializării de servicii şi nu de produse palpabile 
via tehnologiile Web. Drept subcategorii importante se pot menţiona żurismul electronic (e- 
tourism) — cate administrează un segment stabil de servicii legate de turism (oferte de sejur, 
de transport, servicii hoteliere etc.), serviciile electronice de concesiune (e-leasing) sau serviciile de 
consultanță pe Web (e-consulting). 

Ca exemplu de sit internaţional dedicat serviciilor de turism electronic putem menţiona 
www .biztravel. com. O altă sursă de informare în ceea ce priveşte turismul electronic 
este www. opentravel.org. În România, există o multitudine de situri dedicate acestui 
subiect; menţionăm doar Romanian Travel Guide — www . rotravel . com. 


3.4.5 E--consortium — consortiu electronic 


Apare în situaţia în care mai multe companii oferă împreună diverse bunuri și/sau servicii 
altor organizaţii (comerciale, guvernamentale etc.) ori consumatorilor individuali, 
formându-se astfel un consorțiu având aceleași scopuri de efectuare a afacerilor 
electronice. Un astfel de consorțiu reprezintă mai mult decât un parteneriat sau o 
corporație, existând ofertanti Web de servicii pentru constituirea de consortii electronice 
sau de corporaţii. Drept exemple, se pot da Business Fillings Incorporated, al cărui sit este 
disponibil la www.bizfillings.com, si The Company Corporation — 
www.corporate.com. 


3.4.6 E-directories — cataloage electronice 


Anuarele şi cataloagele au avut mereu un rol foarte important în găsirea unui anumit 
produs sau serviciu. Aşa-numitele „pagini albe” (White Pages) pentru numere private de 
telefon si „pagini aurii” (Yeow Pages) pentru telefoanele unor organizaţii au devenit 
esenţiale în procesul de localizare a unei persoane sau firme (ofertanti de servicii). În plus, 
companiile de telefoane oferă şi posibilitatea aflării prin telefon a unor informaţii diverse 
despre abonaţi. 

Aceste două modalități au migrat pe Web. Informaţiile sunt disponibile prin 
intermediul unui sit, oferind o funcţionalitate centralizată, oricui şi oricând. Mai mult decât 
atât, acest informaţii pot fi disponibile direct pe telefonul mobil grație unor tehnologii 
precum BlueTooth, WAP (Wireless Application Protocol şi WML (Wireless Markup Language). 

Web-ul oferă posibilitatea replicării registrului telefonic fără prea mult efort, putând 
facilita mai mult decât simpla căutare a unui număr de telefon după un nume precizat. 
Actualmente, este posibil să furnizăm un număr de telefon si să primim numele 
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posesorului (cel puţin pentru zona Americii de Nord). Mai mult, serviciul Google Maps 
pune la dispoziţie hărţi ale unor areale geografice. 

Spaţiul WWW permite ca regăsirea informaţiilor să fie mai usoara și în același timp mai 
dificilă. Mai uşoară pentru că mijloacele de căutare sunt mai puternice, dar si mai dificilă, 
deoarece volumul de informaţii a crescut într-un mod neaşteptat o dată cu apariția 
Internetului şi mai ales a Web-ului. 


3.4.7 E-engineering — inginerie asistată 


Ingineria s-a schimbat extraordinar în ultima perioadă. Doar cu câţiva ani în urmă, inginerii 
lucrau cu documente (planuri, schițe, prognoze, devize etc.) care trebuiau să existe în mai 
multe copii fizice în fiecare birou; dacă un document trebuia să ajungă într-o altă locaţie, 
atunci acesta era trimis apelându-se la serviciile poştale tradiţionale. Tot acest proces 
implică muncă manuală, deci viteză scăzută şi posibile erori. 

Tehnologiile Internet au schimbat toate acestea, imprimând o viteză sporită în 
comunicare, un nivel de colaborare mult mai ridicat fata de cel existent înainte. Acum 
fiecare utilizator de Web poate participa la dezvoltarea unui proiect, poate partaja o parte 
din codul pentru care şi-a rezervat timp să-l programeze. În prezent, ingineri din întreaga 
lume pot participa la dezvoltarea unui proiect prin diferite servicii colaborative bazate pe 
tehnologii Web (e.g: sistemul Wiki, serviciile SharePoint de la Microsoft sau sourceforge.ne?). 


3.4.8 E-gambling — jocuri de noroc on-line 


Jocurile de noroc reprezinta una dintre cele mai profitabile afaceri de pe Internet. In lumea 
reală, jocurile de noroc sunt restricționate de multe legi care fac dificilă supraviețuirea 
cazinourilor. Proprietarii unor astfel de jocuri sunt nevoiţi să plătească taxe mati statului, 
lucru care îngreunează crearea competiţiei. Folosindu-se în mod onest avantajele 
tehnologiilor Web, jocurile de noroc on-line ramand legale, însă taxele care se plătesc 
statului sunt mult mai mici. Faţă de orice cazinou fizic — restricţionat inerent la o anumită 
zonă geografică — cazinoutile on-/ine dispun de multiple oportunităţi de a atrage jucători de 
pe întregul glob. 

De asemenea, există o multitudine de situri Web oferind servicii de divertisment 
electronic (gratuit sau nu). Ca exemple, se pot enumera Pogo — www . pogo . Com, Zone — 
www . zone. com sau Doi Zece — www .doizece.ro si Spookie — www.spookie.ro 
(acestea două din urmă, evident din România). 


3.4.9 E-government — prezentă on-line a instituțiilor guvernamentale 


Pune la dispoziţie, atât persoanelor fizice, cât şi celor juridice, informaţii privitoare la 
activitatea unor instituţii guvernamentale, eventual oferind si servicii speciale. Se constituie, 
aşadar, aşa-numitul Web cetdfenese prin intermediul căruia contribuabilii pot avea acces on- 
line, facil, la diverse servicii (de cele mai multe ori, informative). 
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About SBA SBAPrograms Your Local SBA SBANews Subscriptions forms Library 


[Search SBA [Frequently Requested Services =] Q How can SBA help you? =] 


Ask SBA F. Glossary Events Calendar Other Resources Business Laws Disaster Help En Es 
Training Me 
3 Administrator, 
SBA Spotlight Hector Barreto Ra 
Deputy 
Administrator, 


1. SBA Administrator Hector Barreto Welcome Message Video Melanie Sabelhaus 


Business 
[] Opportunities 


Un sit de tip e-government oferind informaţii privitoare la realizarea de afaceri mici în USA 


De exemplu, se pot oferi acte normative sau legislative, informaţii destinate oamenilor 
de afaceri referitoare la clienţi, parteneri sau concurenţi ai societăţilor comerciale cu care 
aceştia interacționează, diferite tipuri de formulare ce trebuie completate, servicii pentru 
promovarea comerțului pe plan intern şi international și sprijinirea intereselor 
comercianților în raporturile pe care aceştia le au cu autorităţile române şi organismele 
străine, informaţii destinate întreprinzătorilor particulari etc. Pe plan naţional, se pot 
menţiona  portalufile Web precum www.e-guvernare.ro, www.falr.ro 
(Federaţia Autoritatilor Locale din România) şi www. ccir.ro (Camera de Comerţ si 
Industrie din România). 

De asemenea, e-government-al se poate situa şi în sectorul B2G și/sau G2B, implicând 
interacțiunile dintre organismele oficiale şi firmele private — un exemplu tipic, pentru 
România, este situl www.e-licitatie.ro. 


3.4.10 E-learning — învățământ pe Internet 


Schimbarile constante care au loc pe Internet conduc, de asemenea, la necesitatea unei 
schimbări a modului de învăţare. In era informaţională, subiectele si conţinutul predat nu 
s-au schimbat prea mult până acum, însă maniera de abordare a acestora, atât de către 
profesori, cât şi de către studenţi, a cunoscut schimbări radicale. Învăţământul de tip 
traditional, recurgând exclusiv la metode si materiale „clasice” nu mai are impact asupra 
cursanților aparţinând epocii vizualului. În România, deşi au apărut de-a lungul anilor 
unele modificări în planurile de învățământ, lucrurile încă decurg foarte lent. 

Cursurile asistate de calculator au fost introduse cu câţiva ani în urmă. Actualmente, 
software-ul educational este folosit in general numai pentru a se explica un subiect şi apoi 
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a se testa studentul. Acesta este un mod efectiv de învăţare la distanță, neexistând însă 
posibilitatea de a întreba pe cineva în cazul unor neînţelegeri. 


Brainbench 


the measure of achievement 


Bene John wants to send an image he found on a Web site to a friend and has accessed 
the image toolbar to send the picture via e-mail. 


| Question | Referring to the scenario above, which one of the following must be true in order for 
John to send the picture via e-mail? 
choice 1 O The picture must be in .gif format. 


choice 2 O The picture cannot be larger than 1 MB in size. 


Eora e, The picture must be free of viruses. 
ACA There must a default e-mail program defined. 


Choices O The picture cannot come from a newsgroup. 


MS Internet Explorer 6.0 Fundamentals, Question 1 of 40 


O Take a 15 minute break AFTER this question (one per test) 


©1998 - 2004 Brainbench, Inc, 
All rights reserved, 


Posibilitatea de testare on-line via un sit de profil 


Învăţarea si instruirea bazate pe Web (Web-based learning/ training) oferă o nouă 
dimensiune in invatarea/instruirea digitală. Actualmente, este posibil să contactăm un 
profesor on-line, indiferent de localizarea noastră sau a profesorului, este posibil să 
discutăm cu alti colegi prin intermediul forumurilor/b/g-urilor, să schimbăm idei şi 
întrebări, să susţinem teste on-/ine (a se vedea succesul sitului Brainbench). Există mai multi 
factori care influențează dezvoltarea e-/arning-ului, dintre cate cei mai importanți sunt 
consideraţi a fi: 

=  conectivitatea — calitatea si extinderea infrastructurii bazată pe tehnologiile 

Internet; 

=" capabilitatea — rolul, locul si acceptarea e-/earning-ului în educaţie şi instruire; 

="  conţinutul— calitatea materialelor disponibile on-line; 

= cultura — existența unei politici educaţionale şi a unor organizaţii care sprijină, 

militează şi certifică acest domeniu. 

Ca exemplu de sit educational în România putem da TimSoff— www .timsoft.ro. O 
altă exemplificare, din multitudinea de situri disponibile, este English for Internet — 
www. study . com — util pentru cei care doresc să studieze limba engleză. 

De altfel, marile companii oferă posibilităţi de instruire on-dne şi aici putem da drept 
exemplificări cursurile sau informaţiile oferite de companiile Cisco, Sun sau Microsoft. 

Un alt termen vehiculat in acest context este cel de educatie într-o universitate virtuală 
(VUE — Virtual University Education), in lame funcţionând cu succes câteva zeci de astfel de 
instituții (eg: Online Learning în SUA — www.OnlineLearning.net, UNED în 
Spania — www . uned . es sau Virtual Online University — www . athena . edu). 
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În ceea ce priveşte relaţia cu e-business-ul, domeniul e-arning presupune de cele mai 
multe un acces autorizat la situl de învățământ on-/ne, contra plată. Un sit e-learning 
implică instituirea unui mediu virtual de învăţare (VLE — Virtual Learning Environment) care 
trebuie să ofere suport pentru accesul si managementul conţinutului cursurilor oferite, 
facilități de comunicare inter-personală (sincronă şi asincrona), evaluare a participanţilor 
(formulare şi colectare de teme, creare şi administrare a testelor etc.), administrare a 
sistemului (management al conturilor, administrare a componentelor din care sunt 
alcătuite cursurile şi altele). Mai multe detali pot fi parcurse la 
Www . opensourcecms . Con şi www.edutools.info. 

În vederea implementării, se recurge de cele mai multe ori la software specializat — 
medii de dezvoltare a cursurilor electronice precum Blackboard, Lotus Learning Space sau 
WebCT. Există, desigur, si aplicaţii disponibile în regim open-source, dintre care se distinge 
Moodie — http: //moodle.com/. 


3.4.11 E-mailing — mesagerie electronica 


Multi oameni nu se gandesc la e-mail cand vorbesc despre afacerile digitale. Dar 
comunicația este inima tuturor afacerilor. Poşta electronică înglobează avatarurile 
apelurilor telefonice şi ale scrisorilor. Este posibilă ataşarea de fişiere, care pot conţine 
documente formatate, prezentări, imagini şi sunete — un adevărat conţinut multimedia 
referitor la oferte si nu numai. Informaţia poate fi partajată mult mai uşor. De asemenea, 
tot prin intermediul poştei electronice se poate realiza publicitate — conducând la 
promovarea pe arie largă a unui (nume de) produs/serviciu — sau foarte uzitatul spam 
(mesaje promoţionale nesolicitate). 

Tot în acest context se pot menţiona serviciile de mesagerie instanta (instant messaging), 
foarte populare în ultimii ani, oferind o modalitate comodă de partajare a informaţiilor şi 
de consultanţă tehnică rapidă. 


3.4.12 E-marketing — promovare electronica de produse/ servicii 


Marketingul traditional era focalizat pe anumite grupuri de potenţiali clienţi, încercând 
crearea unei imagini pozitive special destinate unui grup particular (audienta-tinta). 
Comunicarea prin intermediul reclamelor a constituit singura modalitate de acţionare în 
acest sens, echipa de marketing neobtinand însă rezultate imediate din reacţiile clienților. 

Spaţiul WWW permite companiilor să reacționeze într-o manieră particulară la nevoile 
individuale ale clienților. Toți clienţii pot fi trataţi în modul lor preferat, marketingul 7-/4-7 
devenind o tehnică standard în relațiile cu aceştia. 

Pentru mai multe amănunte despre publicitatea on-line (e-adversiting) a se vedea 
subcapitolul 3.6. De asemenea, se pot consulta şi informaţiile disponibile la adresa 
www. internet .com/sections/marketing.html. 


3.4.13 E-supply — aprovizionare pe Internet 


Numeroase companii independente — unele pe post de clienţi — formează un lant de 
aprovizionare. Fabricantii, companiile logistice, expeditorii, destinatarii, vânzătorii cu 
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amănuntul, toţi lucrează împreună pentru a coordona procesul de execuţie şi valorificare. 
Realizarea şi distribuţia produselor şi serviciilor sunt organizate conform unui management 
al lanţului de aprovizionare. Internetul a redus substanţial costul pentru iniţierea unei 
comunicări business-to-business. Astăzi, prin folosirea unor standarde deschise bazate pe 
XML, partenerii lanţului de aprovizionare (supiy chain) îşi pot partaja şi schimba informaţii 
mult mai uşor, la un cost redus. 

Ofertantii de servicii pentru realizarea lanțurilor de aprovizionare pot asigura mijloacele 
logistice, realizarea plăţilor electronice sau pot pune la dispoziţie expertiză în diverse 
domenii de interes (de exemplu, managementul producţiei ori gestiunea stocurilor). Clienţii 
vor plăti tarife sau cote procentuale din valoarea tranzacţiilor pentru care au solicitat 
serviciile. 


3.4.14 E-trading — actiuni pe Internet 


Înainte de apariția Internetului, cumpărarea si vânzarea de acţiuni era restricţionată la 
persoanele care aveau acces la rețelele financiare. Exista si categoria celor cate aveau acces 
doar la informaţiile din ziare privitoare la prețurile acţiunilor, lucru reconfortant doar în 
situaţia în care nu se dorea câștigul rapid de bani la bursa de valori. 

Internetul a schimbat modul în care acţiunile sunt comercializate. E-trading, adesea 
numit e-brokering, oferă preţurile acţiunilor în timp real oricărui calculator din lume. Cei 
interesați pot reacționa tot în timp teal pentru a schimba cursul acțiunilor. Fiecare 
utilizator având un cont de genul Internet Bank poate cumpăra şi vinde acţiuni. Acest lucru 
permite oricui să participe la bursa de valori pentru a câştiga bani investind. Cele mai 
căutate servicii vizează obligatiunile şi acţiunile cotate pe piaţă. 

Actualmente, o direcţie de dezvoltare este cea a brokerajului de informaţii, printre 
serviciile puse la dispoziţie remarcându-se oferirea de: 

=" cataloage de produse sau de liste de clienți, 

= servicii de clasificare a produselor si clienţilor pe baza unor profile (prestabilite), 

= vânzarea oportunităţilor de afaceri, 

= consultanţă în ceea ce priveşte investiţiile ori alte domenii de extindere a afacerii. 


3.5 Modalităţi de plată 


3.5.1 Preliminarii 


Modelele tradiţionale de plată se rezumă la transferarea banilor utilizând o varietate redusă 
de tehnici: sub formă de bani lichizi sau prin intermediul documentelor (cecuri, ordine de 
plată etc.). De regulă, plata presupune deschiderea unui cont la o bancă comercială, 
deplasarea la sediul bancar pentru a depune banii și/sau pentru a iniţia transferul în contul 
comerciantului. În funcţie de politica unui anumit comerciant, pentru a demara procesul 
de livrare a produselor către client, acesta poate cere sau nu confirmarea plăţii prin fax. 
Cea din urmă şi cea mai lungă etapă o reprezintă livrarea prin reţeaua de distribuţie a 
comerciantului sau prin intermediul unui serviciu poştal specializat (posta rapidă, DHL 
etc.). 
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În cadrul comerţului electronic în cea mai pură formă a sa, nu este necesată deplasarea 
la bancă pentru a plăti ofertantii sau furnizorii de bunuti/servicii, rolul băncii în comerţul 
electronic fiind acela de a transforma banii lichizi în biţi. Probabil că banii lichizi nu pot fi 
eliminaţi complet, dar în mod sigur ei se vor transforma din ce în ce mai mult în format 
electronic. 

Astfel, una dintre cele mai sensibile probleme ale comerţului electronic o reprezintă 
sistemul de plată. Ne punem întrebarea: „Cum putem plăti bunurile pe care dorim să le 
achizitionam de pe Web?”. 

În prezent există mai multe sisteme de plată, mai mult sau mai puţin fezabile din 
punctul de vedere atât al utilizatorilor, cât si al vânzătorilor. Problema cea mai spinoasă a 
fost, este şi va fi cea legată de securitate. Cat de sigur este mecanismul de plată electronica? 
Cunoaştem cu toţii faptul că majoritatea mesajelor trimise prin poşta electronică sunt 
nectiptate, ceea ce înseamnă că oricine poate intercepta mesajul şi poate, de asemenea, citi 
sau altera conţinutul fără prea multe dificultăți. Standardele actuale de plăţi electronice 
folosesc criptarea şi semnăturile digitale. Criptarea este necesară pentru ca intruși nedoriți 
din reţea să nu poată vedea informaţiile „în clar”. Prin utilizarea semnaturilor electronice 
se poate face proba identităţii unei persoane care accesează un depozit bancar sau o carte 
de credit. 

Banii electronici pot fi împărţiţi în două categorii: cu identitate şi anonimi. Dacă un 
cumpărător foloseşte bani „cu identitate”, atunci banca poate reconstitui traseul 
tranzacţiilor şi al banilor transferați (cazul cărților de credit). Dacă în schimb se folosesc 
bani „anonimi”, nimeni nu poate reconstitui traseul banilor cheltuiţi. 

Pe măsură ce numărul persoanelor conectate la Internet creşte, numărul serviciilor si 
reţelelor care vor necesita plăţi electronice va spori şi el rapid. Interacțiunea dintre 
consumatori şi ofertanti va deveni si ea mult mai strânsă, datorită tranzacţiilor efectuate. În 
comerţul electronic, o /ranzactie poate fi înţeleasă în general ca reprezentând o serie de 
acţiuni desfăşurate de trei participanţi: clientul, comerciantul (furnizorul) şi banca. 

La iniţierea sistemului de tranzacţii electronice, comerciantul şi banca se pun de acord 
cum să fie efectuat transferul banilor, folosindu-se unul sau mai multe sisteme electronice 
de plată. Apoi clientul poate comanda ceva de pe situl Web al comerciantului, această 
comandă putând fi considerată drept prima acţiune a tranzacţiei. După lansarea comenzii 
se pot derula diferite acţiuni, cum ar fi: comerciantul trimite clientului o confirmare prin e- 
mail, clientul îşi transferă către bancă numărul cărții sale de credit, banca verifică informaţia 
despre cartea de credit și verifică şi solvabilitatea cumpărătorului, iar dacă totul este în 
regulă, valoarea bunurilor cumpărate este transferată în contul vânzâtorului. Articolul 
comandat de cumpărător este livrat către acesta şi tranzacţia este finalizată. În funcţie de 
protocolul încheiat între bancă şi furnizor, acesta din urmă poate avea acces la datele de 
identificare ale cumpărătorului sau aceste date pot rămâne secrete. 


3.5.2 Cerinte 


Ca si în sistemele tradiționale, cea mai mare problemă constă în asigurarea că nimeni nu 
poate copia banii digitali sau prelua informaţiile cărții de credit. Tranzacţiile financiare 
electronice între bănci au fost realizate cu mult înainte de apariţia Internetului. Drept 
exemplu putem da rețeaua SWIFT (Society for World-wide Interbank Financial 
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Telecommunication), o rețea privată care in ultima vreme are tot mai multe conexiuni stabilite 
cu reţelele publice cum este Internetul. 

Sistemele electronice de plată trebuie să îndeplinească câteva cerințe pentru a emula 
schemele de plată existente. Astfel, pentru ca un sistem de plată să aibă succes trebuie să 
îndeplinească următoarele cerinţe: 


securizat — trebuie să se permită efectuarea în condiţii de siguranţă a tranzacţiilor 
financiare în reţelele deschise, cum ar fi Internetul. Falsificarea banilor de hârtie este 
un lucru foarte dificil de realizat. Din nefericire, moneda electronică se poate 
rezuma în final la un simplu fișier care poate fi copiat. Copierea sau „dubla 
cheltuire” a aceleiași sume de bani trebuie să fie prevenite şi detectate de către 
sistemele de plăţi electronice; 

anonim — identitatea clienţilor şi a tranzacţiilor efectuate trebuie să rămână protejată; 
convertibil — cele mai multe soluţii de plăţi electronice pornesc de la premisa 
existenţei unei singure bănci. În practică, utilizatorii sistemului (clienţi şi furnizori) 
lucrează cu bănci diferite, fiind astfel necesar ca o monedă emisă de o bancă să fie 
acceptată de alta. 

Fără un astfel de accept, moneda electronică poate fi folosită doar între parteneri 
care au conturi la aceeaşi bancă. Mai mult, banii digitali trebuie să poată fi convertiți 
în orice valută; 

utilizabil — sistemul de plată trebuie să fie uşor de folosit si de acceptat, asa cum este 
si cel din lumea reală. Comerciantii cate vor să-şi vândă produsele on-/ine nu au nici 
o şansă de succes în cazul in care clienţii nu agreează ideea de afaceri pe Web; 
scalabil — un sistem este scalabil dacă poate suporta noi utilizatori si noi resurse fara 
a suferi scăderi notabile de performanţă. Astfel, sistemul de plată trebuie să permită 
clienţilor şi comercianților să se integreze în sistem fără a se afecta infrastructura 
acestuia. Existenţa unui singur server central — prin care trebuie procesate toate 
tranzacţiile —, limitează scalabilitatea şi fiabilitatea unui sistem; 

transferabilitate — se referă la capacitatea unei chitante electronice de a declanşa 
transferul banilor dintr-un cont în altul, fără ca furnizorul sau clientul să contacteze 
în mod direct banca; 

flexibil — este necesar ca sistemul să accepte forme alternative de plată, în funcție de 
garanţiile pe care le solicită părţile care realizează tranzacţia, de timpul necesar 
pentru efectuarea plăţii, de cerințele de performanţă şi de valoarea tranzacţiei. 
Infrastructura pe baza căreia se efectuează plăţile trebuie să suporte diverse metode 
de plată, incluzând cărți de credit, cecuri personale si bani electronici anonimi. 
Aceste instrumente si metode de plată ar trebui integrate într-un cadru comun; 
eficient — termenul de eficienţă se referă în acest context la costul necesar pentru a 
efectua o tranzacţie. Un sistem de plată electronică eficient trebuie să fie capabil să 
asigure costuri reduse în comparaţie cu beneficiile pe care le aduce; 

integrabil — se impune, de asemenea, ca sistemul să suporte aplicaţiile existente, să 
ofere mijloace pentru integrarea cu alte aplicaţii, în mod independent de platforma 
hardware sau de rețea; 

de încredere — sistemul de plată trebuie să fie permanent disponibil şi să evite 
posibilele erori. 
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3.5.3 Efectuarea plătilor electronice 


Una dintre principalele provocări pe care o întâmpină comercianții detailisti (rezaiġ atunci 
când doresc să implementeze un sistem de comerț electronic este problema furnizării unui 
mecanism de plată comod, perceput ca suficient de sigur si uşor de integrat într-un sistem 
de tranzacții comerciale on-line. Au fost propuse numeroase soluţii în acest sens, însă nici 
una nu a dobândit larga acceptare de care se (mai) bucura (inca) bancnota de hârtie (sau de 
plastic, în România) ori moneda de metal. 

Comerţul electronic va putea evolua dincolo de un anumit nivel doar atunci când 
consumatorii obişnuiţi vor percepe un mecanism de plată electronică ca fiind la fel de sigur 
ca plata „cu banii jos” de astăzi. 


Mecanisme de plată electronică 
Ca mecanisme importante de plată electronică se pot menţiona următoarele: 


e plata prin Internet — de îndată ce a fost pus în funcţiune un sistem de vânzări on-line, 
comerciantul va putea vinde 24 de ore pe zi, 7 zile pe săptămână şi aceasta peste tot 
în lume (pe unde a ajuns Internetul, desigur). Mai mult, cumpărătorii si potenţialii 
clienți vor avea acces la informaţii de ultimă oră referitoare la produse, servicii, 
preţuri sau disponibilitatea acestora. Pentru ca acest scenariu să devină cu adevărat 
realitate „palpabilă”, comerciantul va trebui să se asigure că sistemul informatic va 
fi disponibil non-stop si în tot acest timp el va avea posibilitatea de a opera 
gestiunea comenzilor, facturarea, procesarea plăţilor si remiterea banilor (vezi şi 
cerinţele enumerate mai sus); 

* solutiile de plată în timp real — cu excepţia cazului în care comerciantul isi desfăşoară 
activitatea pe principiul „banii jos” sau foloseşte alte metode de plata off-line (e.g.: 
plata prin ramburs), obţinerea banilor rezultați în urma unei vânzări de tip on-line 
presupune o serie de procese de interacțiune cu bănci sau alte instituţii financiare. 
In prezent, achitarea unei facturi se realizează cu ajutorul cărților de credit (credit 
card), banilor electronici (e-cash), cecurilor electronice sau al cardurilor inteligente 
(smart card) care sunt principalele metode de plată folosite în comerțul electronic. 
Din punct de vedere arhitectural, metodele de plată pot fi integrate fie la nivelul 
comerciantului, în sistemul informatic al acestuia, fie oferite outsource de un furnizor 
de servicii de comerţ (CSP — Commerce Service Provider) cate va gestiona /intermedia 
plăţile de la terţi; 

* cartea de credit — în ciuda unor campanii promoţionale de anvergură derulate în 

Occident, cu excepţia cărților de credit nici una dintre noile metode de plată 
promovate nu a atins masa critică. 
Cartea de credit reprezintă așadar cea mai uzitată formă de plată pe Internet. 
Utilizarea acesteia este simplă şi, de aceea, cărțile de credit sunt folosite în întreaga 
lume. Clienţii care navighează în cadrul unui sit Web şi decid să achiziţioneze un 
produs sau serviciu trebuie să introducă informaţiile despre cartea de credit prin 
intermediul un formular electronic. Conţinutul completat (tipul cardului, numărul 
acestuia, numele proprietarului şi data expirării cardului) este trimis sitului Web, 
unde informaţia este colectată şi trimisă la bancă. Dacă situl comerciantului are 
stabilită o legătură directă cu banca, atunci este posibilă plata pe loc în cazul în care 
clientul are credit suficient pentru a plăti bunurile comandate. 
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Tranzacţiile op-/ne care folosesc plata cu carduri sunt protejate criptografic, iar 
modalitatea concretă de criptare asigură faptul că numai banca sau furnizorul de 
servicii pentru cărți de credit vor putea avea acces la numărul cărții de credit, nu şi 
comerciantul. Cu doar câţiva ani în urmă scepticii susțineau că foarte puţini clienți 
vot fi dispuşi să ofere on-line informaţii referitoare la propriul card de credit 
(numărul acestuia). Realitatea de astăzi — când multe dintre cele mai populare situri 
de comerț electronic acceptă doar plata prin carte de credit — vine să ne 
demonstreze că aceştia s-au înşelat. Care sunt cerințele unui sistem care facilitează 
astfel de tranzacţii? O primă fază implică încheierea unor aliante/conttacte cu 
instituţii financiare, în timp ce din punct de vedere tehnic presupune utilizarea unor 
tehnologii avansate de criptare şi autentificare pentru securizarea mesajelor trimise 
prin Internet. Unul din primii paşi pe care trebuie să-l realizeze comerciantul este 
să-şi deschidă un cont la o bancă oferind servicii de tranzacţionare on-line bazate pe 
carduri. 

Tehnologia de criptare la care se recurge în mod curent este SSL (Secure Socket 
Layer) — regăsită şi sub denumirea TLS (Transport Layer Security), standard ratificat de 
IETF —, care elimină cu succes posibilitatea ca un intrus să obțină numărul cardului, 
presupunând că el interceptează datele astfel criptate. Dezavantajul acestei 
tehnologii îl reprezintă faptul că SSL nu permite comerciantului să se asigure că 
persoana care foloseşte cardul într-o tranzacție este chiar deținătorul acestuia. De 
asemenea, SSL nu oferă nici o cale prin care clientul să afle dacă situl 
comerciantului este cu adevărat autorizat să accepte plata cu cărți de credit şi că nu 
este doar un sit Web pirat proiectat cu scopul de a colectiona datele despre astfel de 
carduri (spre bucuria cracker-urilor). 

Problema a fost rezolvată prin apariția unei noi tehnologii denumite SET (Secure 
Electronic Transaction), dezvoltată de MasterCard si Visa. SET rezolvă problema 
autentificării prin asignarea unor certificate digitale atât clientului cât și 
comerciantului. Mai mult, SET oferă securitate sporită față de cea existentă astăzi 
pe piața comercială tradițională. Pentru a nu mai da acces comerciantului la 
numărul de card al clientului, SET îl criptează de o manieră care asigură faptul că 
doar consumatorul si instituţiile financiare abilitate au acces la el. Fiecare dintre 
actorii implicaţi într-o tranzacţie (comerciant, client sau instituţie financiară) 
foloseşte certificatul SET privat, care joacă şi rol de autentificare, în conjunctie cu 
cheile publice asociate certificatelor care identifică pe ceilalţi actori. În practică, o 
companie terță (eg: Verisign) oferă serviciul de a furniza certificate digitale 
clienţilor săi, deținători de cărți de credit. Cât priveşte comerciantul, procesul este 
similar: în momentul efectuării unei cumpărături on-/ine, înainte de a se realiza vreun 
schimb de date în vederea demaratii tranzacţiei, software-ul care integrează 
tehnologia SET validează identitatea comerciantului şi a detinatorului cărții de 
credit; procesul de validare constă în verificarea certificatelor digitale emise de 
furnizori autorizaţi de astfel de servicii; 

e facturile electronice — cărțile de credit reprezintă cea mai comună soluţie în modelul 
business-to-consumer. Prin contrast, facturile electronice (e-invoices) sunt utilizate in mod 
frecvent în sectorul business-to-business. În marea majoritate a situaţiilor, volumul 
tranzacţiilor în sectorul B2B este mult mai mare fata de volumul tranzacţiilor 
efectuate prin intermediul cărții de credit. 
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Un alt motiv pentru a lua în discuţie plata pe bază de factură electronică este acela 
că majoritatea companiilor au utilizat acest instrument, în forma sa clasică, în trecut, 
iar schimbarea modalităţii de plată ar presupune o reorganizare a proceselor 
economice care at necesita costuri prea mari. 

Să considerăm un exemplu în care o companie de distribuţie de medicamente 
cumpără zilnic produse de la furnizorii săi, care pot fi producători. Numărul de 
produse comandate zilnic este stabilit pe baza unui necesar generat automat în 
funcţie de vânzările din ultimele două săptămâni. Valoarea tranzacţiei este prea 
mare pentru a fi efectuată de pe o carte de credit. Dorim ca necesarul de 
medicamente să fie transmis automat la furnizori printr-un sistem informatic, iar 
aceştia să răspundă printr-o factură care urmează să fie plătită prin diferite mijloace. 
Pentru a considera facturile drept o soluţie bună pe Web, este necesară găsirea unei 
metode securizate de achitare a lor. Nu am dori ca oricine să aibă acces la bazele de 
date interne ale companiei. O astfel de infrastructură este implementată acum prin 
intermediul standardului EDI (Electronic Data Interchange), însă apariţia serviciilor 
Web va schimba în curând infrastructura sistemului de plată prin factură. 

Problema majoră o constituie legislația comercială a fiecărei tari care ar trebui să 
recunoască valabilitatea facturilor electronice pentru ca acest sistem să funcționeze 
cu succes. Avantajele facturii electronice tin de reducerea costurilor pentru 
transmitere si de micşorarea posibilităţilor de apariţie a erorilor, destul de frecvente 
în cazul formularelor clasice; 

cecurile electronice — (denumite şi Internet cheques) nu reprezintă o soluţie des folosită. În 
schimb, este important să înţelegem cum funcționează şi cum pot fi utilizate. 
Cecutile electronice se aseamănă cecurilor convenţionale; clienţii, pentru fiecare 
tranzacţie de plată, primesc de la banca lor câte un document digital în care trebuie 
să completeze valoarea tranzacţiei, tipul monedei, numele beneficiarului. Pentru a 
ridica banii de pe cecul electronic este nevoie ca acesta să fie semnat digital de către 
plătitor. 

Există mai multe implementări ale acestei soluţii, dintre care se poate aminti 
NetCheque, un sistem dezvoltat la Information Sciences Institute of the University 
of Southern California — www.usc.edu —, implementând toate cerințele 
prezentate mai sus. Cumparatorul si vanzatorul trebuie să aibă un cont deschis pe 
situl NetCheque. Pentru asigurarea securității este folosită identificarea prin 
protocolul Kerberos şi parolă. În plus, pentru a plăti prin cec trebuie instalat la 
client un software special care lucrează asemenea unui carnet de cecuri. Un client 
poate trimite un cec criptat către comerciant prin intermediul software-ului. 
Comerciantul poate ridica banii de la banca sau poate folosi cecul digital pentru o 
tranzacţie cu un alt furnizor. Un cont special din reţea verifică validitatea cecului şi 
în caz afirmativ trimite un mesaj de accept comerciantului care va livra apoi 
bunurile. Este necesară asigurarea unei infrastructuri a cheilor publice utilizate 
pentru a schimba certificate si pentru a semna cecurile. 

Sunt disponibile, desigur, şi alte implementări, precum PayNow, serviciu dezvoltat 
de CyberCash — www . cybercash . com sau echeck — www .echeck.org; 

cărțile de debit — (debit cards) sunt utilizate mai mult în Europa decât în Statele Unite. 
Diferenţa dintre cele două tipuri este dată de necesitatea introducerii unui număr 
personal de identificare (PIN — Personal Identification Number) şi utilizarea unui 
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dispozitiv hardware care să citească informația memorată pe banda magnetică a 
cărţilor de debit. În concluzie, soluţia cărţilor de debit nu este în prezent posibilă pe 
Internet, deoarece nici un calculator nu este dotat cu un terminal hardware capabil 
să citească banda magnetică. Tendința curentă este trecerea de la benzile magnetice 
la cipurile electronice folosite actualmente pentru smart card-uri astfel încât acestea 
vot înlocui curând cărţile de credit/debit; 

banii electronici — soluția banilor electronici (electronic cash) utilizează un software pentru a 
salva pe disc magnetic echivalentul banilor lichizi într-o formă digitală. Monezile si 
bancnotele sunt substituite astfel de fişiere semnate digital. Avantajul acestui sistem 
îl reprezintă costul transferului de bani care este aproape nul (costul real este 
reprezentat de costul conexiunii la Internet). În acest sistem, pentru a se primi bani 
este necesară accesarea unei casierii automate (virtuală) disponibilă pe Web sau 
deplasarea în lumea reală la un automat bancar, de unde pot fi ridicați banii 
electronici direct din contul băncii sau prin sistemul de plată cu carte de credit. 
Dificultatea folosirii banilor electronici o reprezintă implementarea unei securitati 
care să garanteze că aceștia nu pot fi alterati (să poată fi modificată valoarea banilor 
de pe discul pe care sunt depozitati). Banii electronici trebuie să aibă semnături 
digitale care să-i facă imposibil de utilizat mai mult decât o sigură dată. Utilizarea 
tehnologiilor de criptare şi a semnătutilor digitale ajută la reducerea posibilității de 
fraudă. O altă condiţie care trebuie îndeplinită este dată de faptul că banii 
electronici nu trebuie să dezvăluie identitatea persoanei care a plătit cu ei, deci 
trebuie să fie anonimi. Sistemul de plată nu trebuie să aibă ca intermediar o bancă, 
ci se impune ca banii să fie schimbaţi direct între cei doi parteneri implicați. 

Câteva implementări ale acestei soluţii pot fi urmărite la următoarele adrese: 
DigiCash — www.digicash.com, CyberCoins — www.cybercash.com sau 
MiliCent— www.millicent.digital.com. 

De exemplu, arhitectura sistemului Dig/Cash este următoarea: 


1. Clientul care va cumpăra de pe Web descarcă software-ul client dezvoltat de 
către DigiCash. Comerciantul are partea de server a software-ului. 

2. Cumpărătorul îşi va deschide un cont la o bancă suportând DigiCash și i se va 
atribui o semnătură digitală. Cumparatorul depune efectiv banii în contul 
deschis la banca respectivă si îi va primi in format electronic, putând fi stocati 
pe disc. 

3. Folosind programele DigiCash client si server, cumpărătorul si comerciantul 
realizează o tranzacţie on-line securizată. Cumpărătorul plăteşte cu bani 
electronici din contul bancar, iar comerciantului i se vor transfera în cont 
sumele (reale) corespunzătoare. 


În sistemul DigiCash, banii pot fi folosiţi doar pentru o singură tranzacţie; de 
exemplu, vânzătorul care a primit banii de la cumpărător nu îi poate reutiliza în 
mod direct pentru a efectua plăți. 

Banii sunt memorati sub formă de jeton (zken) — similar celor din cazinouri. 
Fiecare jeton conţine valoarea sumei, un număr aleatoriu folosit drept număr unic 
de identificare şi o semnătură digitală a băncii emitente. Banca este capabilă să 
valideze banii electronici fără a sti cine îi foloseşte, păstrând în felul acesta 
anonimatul participanţilor la tranzacţie. Acest deziderat este îndeplinit prin folosirea 
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unei semnături „oarbe”. Cumpătătorul care ia bani de la bancă creează jetoane. 
Acestora li se adaugă un număr unic, trimis băncii. Numărul unic este invizibil 
pentru bancă prin multiplicarea sa cu un număr aleatoriu (factor „de orbire”). 
Banca adaugă o semnătură digitală la jeton si îl trimite înapoi la cumpărător, acesta 
este capabil să dividă numărul cu factorul de orbire si să restabilească numărul unic 
original. În felul acesta banca nu va putea reconstitui traseul banilor pe baza 
numărului; 

cardurile inteligente — cardul inteligent (smart card) este foarte popular mai ales în Europa 
Occidentală. Acest tip de card permite păstrarea informaţiilor suplimentare despre 
clienţi, în afară de stocarea banilor pe cipul cardului. Banii de pe card sunt salvaţi 
într-o formă criptata şi sunt protejaţi printr-o parolă pentru a asigura securitatea 
necesară. Pentru a plăti prin intermediul unui card inteligent este necesară 
introducerea acestuia într-un terminal hardware. Dispozitivul necesită o cheie 
specială emisă de bancă pentru a se putea transfera bani în altă direcţie. 

Pentru magazine, soluţia cardurilor inteligente oferă posibilitatea transferării banilor 
electronici direct în contul băncii în momentul plății, fără a mai fi necesar 
transportul de bani fizici la sfârşitul zilei către bancă. În prezent, banii virtuali 
utilizați pentru a plăti bunuri pot fi transmisi instantaneu în contul băncii 
comerciantului. Avantajul major al cardurilor inteligente il reprezintă faptul că pot fi 
folosiţi atât în lumea reală cât şi în spaţiul cibernetic. Folosind cardurile inteligente 
este posibil să mergem la bancă, să încărcăm cardul si apoi să plătim pe Internet. 
Licitatiile o7-/pe pot profita de cardurile inteligente, persoanele interesate putând 
transfera bani direct fără a recurge la un intermediar. 

Avantajele cardurilor inteligente sunt date deci de securitatea oferită, de simplitatea 
utilizării, de efectuarea directă a operaţiunilor, fără intermediari, şi de costul scăzut 
al tranzacţiilor. În Europa au fost puse la punct două standarde, cardurile Mondex 
în Marea Britanie și Geld-Karte în Germania. 


Tip Avantaje Dezavantaje 


Funcție tradiţională eee : PE wi 
: 2 Nepottivita pentru micro-plati (comisionul 


bancar este deseori mai mate decat 


valoarea bunului cumpărat) 
prezent 


Foarte uşor de folosit 
Relativ familiari 


Bani (asemănători cartelelor Be A la edi l 
Fondurile băneşti nu pot fi protejate 


pentru prevenirea pierderii sau furtului 
Dacă se pierd, au dispărut definitiv 


Micro-platile nu sunt o 
problema 


Valorile stocate sunt usor | Costuri mari legate de modernizarea 
de regasit infrastructurii, in special în țările in care 


Afaceri pe Web 111 


Permite memorarea de automatele bancare sunt foarte răspândite 
informaţii suplimentare 


despre clienţi 
Securitate ridicată 


„Avantaje şi dezavantaje ale principalelor metode de plată electronică 


Momentul efectuării plăţii electronice 
In funcţie de momentul efectuării plăţii, există plata înainte de tranzacţie, plata pe loc si 
plata după tranzacţie: 


* dupa cum sugerează termenul de „plată înainte”, aceasta este anterioară tranzacţiei 
după care se poate cumpăra produsul sau serviciul. Un sistem de acest gen 
funcţionează de regulă prin salvarea banilor digitali pe un disc sau pe un smart card — 
care poate fi considerat ca o formă digitală a banilor obişnuiţi. Un fişier care 
conţine bani digitali este numit portofel virtual (virtual wallet sau e-wallet). Banii 
electronici pot fi folosiţi oricând pentru a plăti on-line produse şi servicii. Avantajul 
portofelului virtual constă în faptul că, de regulă, este anonim. Dezavantajul este 
acela că, dacă portofelul este pierdut, atunci banii sunt pierduţi (la fel ca si în cazul 
portofelelor reale). Oricine „găseşte” conţinutul portofelului electronic, il poate 
folosi pentru a cumpăra cu el; 

e plata pe loc este bazată pe conceptul de plată în momentul tranzacţiei. Un astfel de 
sistem este complicat de realizat deoarece necesită accesul direct la baza de date 
internă a băncii sau a ofertantului de plată electronică, iar securitatea trebuie să fie 
implementată mult mai strict decât în alte situaţii. Ca exemplu de modalitate de 
plată pe loc poate fi dat cel al cărților de debit; 

e plata după tranzacţie (comandă), după cum spune şi numele, se realizează după 
comandarea produselor/ serviciilor. Sistemul cărților de credit este cea mai comună 
formă de plată în sistemele „plata după tranzacţie”, atât în lumea reală, cât şi pe 
Internet. 


Un sistem bazat pe plata ulterioară este plata la livrare (sau plata ramburs — Cash On 
Delivery). Cumpătătorii aleg dintr-un catalog electronic produsele pe care doresc să le 
cumpere, le comandă prin e-mail sau prin completarea unui formular Web si plătesc în 
momentul în care produsele le sunt livrate, de obicei, prin poştă. Acest sistem are avantajul 
că vânzătorul nu trebuie să efectueze verificări ale capacităţii de plată a cumpărătorului, iar 
banii ajung în casierie mai repede decât în cazul in care s-ar fi emis în prealabil o factură la 
care ulterior se aşteaptă încasarea efectivă. 

Deşi partea electronică se referă doar la alegerea şi comandarea produselor, acest 
sistem poate fi considerat începutul dezvoltării sistemelor de plăţi electronice în ţările care 
realizează primii paşi în acest domeniu (de exemplu, România). 


Plata ulterioară | Plata instantanee 
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Comparatie între sistemele de plată electronică, conform unor criterii diverse 


3.5.4 Categorii de plăți electronice 


Ca şi în lumea reală, trebuie să coexiste mai multe sisteme electronice de plată. În funcţie 
de valoarea tranzacţiei, există trei tipuri majore de efectuare a plăţilor electronice: 


microplatile (Micro-Payments) — reprezintă o sursă alternativă de venituri pentru 
comercianții care oferă pe Web produse si servicii de valori reduse, tangibile sau 
intangibile (e.g.: informaţii digitale precum imagini, fişiere audio, căutări în baze de 
date etc.). În prezent, nu există o definiţie foarte clară a microplatilor, astfel încât un 
anumit sistem de plată electronică să poată fi încadrat cu precizie în această 
categorie. Dar unul dintre scopurile declarate ale unui astfel de sistem îl reprezintă 
minimizarea costului pe tranzacţie, cost care cuprinde cheltuielile legate de 
managementul riscului, cheltuielile operaționale (comunicaţia, procesarea, stocarea) 
şi cheltuielile iniţiale generate de instalarea sistemului. În general, atunci când 
discutăm despre microplati, valorile vehiculate nu sunt mai mari de câteva zeci de 
euro sau dolari (uzual, 5 euro/dolari). Caracteristica microplatilor este aceea că 
tranzacţiile financiare sunt limitate, însă frecvente; 


* plăți de tip consumator (Consumer Payments) — acoperă o tranzacție cu o valoare între 5 


şi 500 de euro sau dolari. O astfel de tranzacţie este de obicei realizată prin 
intermediul cărții de credit; 


- plăți de tip business (Business Payments) — referă tranzacţiile având o valoare care 


depăşeşte 500 de euro/dolari. Pentru acest tip de plăți, cea mai convenabilă 
modalitate pare a fi factura electronică. 


Costuri 


Costurile pe care va trebui să le suporte comerciantul includ o parte fixă — reprezentată de 
costul achiziţionării sau închirierii echipamentelor şi aplicațiilor aferente necesare pentru 
comunicarea securizată cu banca (e.g.: implementarea unui firewall este obligatorie), precum 
şi costuri variabile — rezultate în urma comisioanelor percepute de bancă pentru fiecare 
tranzacţie. De regulă, instituţia financiară impune un volum minim de tranzacţii pe lună 
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(cost variabil minim acceptat), percepând o sumă minimă de la comerciant, indiferent de 
numărul de tranzacţii pe care acesta le derulează on-line. 

În cazul unui volum mare de tranzacţii derulate, agenţii pot obţine discount-uri 
semnificative de la bănci şi, în consecinţă, îşi pot permite oferte mai tentante pentru clienți. 


3.5.5 Sisteme de plată electronică 


Cel mai mare deziderat în cazul unui sistem de plăţi electronice (EPS — Ekctronic Payment 
System) este acela de a găsi cumpărători si vânzători dispuşi să riște să investească într-un 
produs care se află încă la începuturi. Băncile şi companiile de software nu pot avea clienţi 
fără vânzători şi nici vânzătorii nu pot supravieţui fără clienţi. 


Cerinţe 
Cele mai importante provocări sunt cele legate de: 


e securitate — factorii de securitate sunt, probabil, piedica majoră în calea dezvoltării 
tranzacţiilor on-/ine. Multe persoane nu doresc să-şi deconspite numărul cărții de 
credit, numărul de telefon sau adresa, de teama celor care ar putea să folosească, în 
scopuri dubioase, aceste informaţii fără acceptul lor. Noile descoperiri în domeniul 
securitatii cărților de credit pot diminua acest sentiment de teamă; prin criptarea 
informaţiilor, doar cumpărătorul şi vânzătorul pot avea acces la numărul cărții de 
credit. 

Securitatea se poate referi si la partea de „discreţie” pe care o implică o tranzacție 

de vanzare/cumparare a anumitor produse/servicii. În cazul plăţilor efectuate cu 

numerar, vanzatorul nu cunoaşte identitatea celui care cumpără, însă nu același 
lucru se poate afirma atunci când plata se realizează de pe un card personalizat; 
vânzătorul poate avea acces la unele informaţii referitoare la cumpărător. 

În cazul securității informaţiilor pe Web, mai cu seamă în ceea ce priveşte afacerile 

electronice, trebuie avute în vedere trei cerințe principale: 

1. caracterul privat — o terță parte nu trebuie să fie capabilă să monitorizeze o 
comunicaţie de date, trebuind asigurată confidentialitatea datelor. Cel mai indicat ar 
fi să se folosească un canal privat de comunicaţie sau chei de criptare destul de 
puternice pentru ca datele în cauză să nu poată fi decriptate de persoane 
neautorizate. De asemenea, pentru filtrarea informaţiilor se foloseşte asa- 
numitul zd de protectie (firewall); 

2. imposibilitatea negarii faptei comise — trebuie să fie posibil să se dovedească 
identitatea (autentificarea) persoanei care a trimis sau a omis să expedieze un 
mesaj sau un ordin, în caz de dispută (legală sau nu) între parti. O cale de a 
realiza acest lucru este cea a folosirii semnăturilor digitale, echivalente în viata 
reală cu semnătura obişnuită. În unele cazuri este suficientă capacitatea de 
verificare a validității banilor, nefiind necesar să se cunoască despre ce persoană 
este vorba. Dar uneori necesitatea dovedirii originii unui ordin de plată sau a 
unui mesaj devine esenţială; 

3. protecţia împotriva mesajelor reproduse necontrolat — acest aspect se referă la 
unele protocoale în care un singur mesaj este transmis de mai multe ori. Acest 
fapt poate constitui un dezavantaj evident în cazul în care, pentru o singură 
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tranzacție de cumpărate, clientul primeşte de două ori aceeași notă de plată. 

Problema se poate rezolva prin gestionarea unor identificatori unici care să lege 

mesajele de tranzacţiile efectuate; 
atomicitatea tranzactiilor — atomicitatea tranzacţiilor electronice reprezintă o alta 
cerință care trebuie îndeplinită în cadrul comerțului electronic. Trebuie avut în 
vedere faptul că în condiţii de lucru reale se poate întâmpla ca unele subsisteme 
antrenate în desfăşurarea tranzacţiei să nu mai funcționeze. Un scenariu în care 
cumpărătorul dă ordin băncii sale să-i debiteze contul pentru a plăti un furnizor — 
iar după ce operaţiunea de debitare s-a efectuat, sistemul se blochează fără a mai 
efectua şi operaţiunea de creditare a contului furnizorului — este unul care trebuie 
evitat prin impunerea unor reguli stricte privind atomicitatea tranzacţiei. 


Pentru accesul la serviciile de plată electronică se poate apela la intermediari de 
tranzacţii on-line, precum PayPal (www . paypal . com), CCBill (www.ccbill.com) sau 
IBi// (www.ibill.com). Serviciul PayPal permite persoanelor fizice şi celor juridice să 
trimită şi să receptioneze cereri de plăți on-/ine, fiind constituit în 1998 pe baza 
infrastructurii financiare a conturilor bancare şi a cărților de credit existente. Se estimează 
că există peste 64 de milioane de conturi PayPal, activând in peste 45 de state ale lumii. 


e 
PayPal, Log Out | Help 
My Account Send Money Request Money Merchant Tools Auction Tools 
Overview Add Funds Withdraw History Profile 
What's New U.S. Business Account Overview 
Sang eee Name: Mae (Mae Clure) 
Irom fraudulent. j 
i Email: mae@5Shats.com (Add email) 
amans Status: Verified (21) 
fi erchants - P 

Earn up to $100.00 Balance Manage | Iransfer View Limits 
USD U.S. Dollar (Primary):$110,00USD 
Recommended Euro: €0.00 EUR 
Steps for Merchants 

Yen: ¥O JPY 
eBay Anything a 
Poin’ n: Current Total in U.S. Dollars:$110,00USD 
Com ity P. Currently earning 1.03%* 
PayPal UK Launch Recent Activity | All Activity | Items won @bY | Items Sold $= PayPal Preferred 
Security Tips a A Sasha 
Poli Your Recent Activity displays the last 7 days of account activity. 
- 12/11/2003 

-No New Items- 
Managementul on-line al contului PayPal 
Exemple 


In continuare, vom descrie succint câteva sisteme de plată electronică. 


First Virtual — www. fv.com — este actualmente singurul sistem de plată on-line 
sigur, care nu folosește tehnologii de criptare. Securitatea în sistemul First Virtual se 
bazează pe un mecanism de confirmare din partea cumpărătorului. În cazul în care 
cel care intenționează să cumpere nu confirmă tranzacţia în timp util, ordinul de 
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cumpărare nu va fi executat. Pentru a preveni posibilitatea interceptării numărului 
cărții de credit se folosesc numere de identificare speciale. Atunci cand 
comerciantul şi cumpărătorul intenţionează să realizeze o tranzacţie, comunică acest 
lucru către situl First Virtual prin poşta electronică. 

Informaţiile vitale despre participanţi (numărul cărții de credit, numărul contului 
bancar) nu circulă efectiv prin Internet, ci ele sunt conectate la un PIN (Personal 
Identification Number) care este atribuit cumpărătorului de către First Virtual atunci 
când acesta solicită un cont. Informaţia vitală este transmisă prin telefon (pentru 
cumpărători — numărul cărții de credit) sau prin poşta clasică (pentru comerciant — 
numărul contului bancar). 

O altă trăsătură a sistemului First Virtual este aceea că a fost dezvoltat special 
pentru micii comercianţi, unul dintre scopurile declarate fiind acela de a se asigura 
un cost cât mai scăzut pe tranzacție, astfel încât oricine să poată fi atât cumpărător, 
cât şi vânzător. Sistemul include, de asemenea, un server automat de informaţii 
(denumit InfoHaus) care permite, contra unei taxe, promovarea continuă a 
informaţiilor despre produsele puse în vânzare pe Web, FTP si poştă electronica, 
chiar si pentru comercianții care nu au propriul lor server. 

Fazele realizării unei tranzacții sunt următoarele: 


1. Prima parte, înregistrarea, este iniţiată de către un nou cumpătător care trimite 
prin poşta electronică un gen de scrisoare de intenţie. Aplicația cere de la 
cumpărător două informaţii, una dintre ele fiind „numele complet”, care va 
deveni informatie publică. Acesta va fi numele pe care vanzatorul îl va vedea 
atunci când clientul cumpără un bun sau un serviciu. În realitate nu este necesar 
ca numele declarat să fie cel adevărat — se poate folosi la fel de bine un 
pseudonim. Următoarea informaţie necesară se referă la alegerea PIN-ului; 
aceasta este o alegere preliminară a unui nou identificator de cont. First Virtual 
va crea identificatorul final de cont (numit Viriva/PIN) prin adăugarea unui 
prefix de numere şi litere la PIN-ul ales de utilizator, asigurându-se faptul că 
fiecare PIN este unic. PIN-ul complet generat este trimis imediat 
cumpărătorului prin e-mail. 

Suplimentar, fiecărui PIN îi sunt asociate următoarele informaţii despre 

cumpărător: 

- o adresă de e-mail: 

- o stare dintre următoarele: „activ”, „suspendat”, „invalid”, „doar vânzător”; 

- o metodă de plată de intrare (modul in care sunt transferați banii de la 
deţinătorul cărții de credit către sistemul First Virtual); 

- o metodă de plată de ieşire (maniera de transfer al banilor din sistemul First 
Virtual către deţinătorul de carte de credit); 

- moneda utilizată pentru plată. 

Activarea contului cumpărătorului se realizează prin înregistrarea de către First 

Virtual a numărului cărții de credit. După completarea scrisorii de intenţie, 

cumpărătorului i se trimite un mesaj prin posta electronică conţinând un număr 

de telefon si un număr de 12 cifre, folosit pentru identificarea celui care dă 

telefon; utilizatorul trebuie să formeze numărul de telefon, să introducă numărul 

de 12 cifre primit prin e-mail, numărul cărţii de credit si data la care expiră. Este 

de asemenea posibil ca informaţiile despre cartea de credit să fie expediate prin 
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serviciul clasic de mesagerie. După înregistrarea cărții de credit, First Virtual 
trimite cumpărătorului un e-mai/ al cărui mesaj conţine PIN-ul. 
PIN-urile generate de First Virtual sunt bidirectionale în sensul că un deținător 
de carte de credit se poate angaja într-un act de comerţ atât ca vânzător, cât si în 
postura de cumpărător. Termenii de „vânzător” şi „cumpărător” nu fac decât să 
stabilească direcţia în care circulă banii. 
Din acest moment, cumpărătorul este liber să-şi aleagă bunurile şi serviciile pe 
care doreşte să le achiziţioneze de la comerciant si să-i transmită acestuia PIN- 
ul, printr-un formular Web, prin poşta electronică sau ca o parolă FTP. 
În etapa secundă, vânzătorul trimite o cerere de transfer către serverul First 
Virtual, mesajul expediat conţinând: 
- PIN-urile celor doi participanți la tranzacţie; 
- o descriere textuală a tranzacţiei; 
- moneda de plată; 
- valoarea de plată. 
Pe baza mesajului primit, First Virtual va verifica validitatea celor doi 
participanţi la tranzacţie şi în cazul unui rezultat pozitiv va trimite o confirmare 
către vânzător şi o cerere de confirmare către cumpărător la adresa de e-mail 
menţionată în formularul de înscriere. Cererea de confirmare cuprinde toate 
datele pe care are nevoie să le ştie cumpărătorul în legătură cu operaţiunea 
respectivă (sunt incluse, de asemenea, şi paritatile monetare, valoarea 
fluctuatiilor etc.). 
Referitor la confirmarea operațiunii există două posibilități de a continua: 
* prima este „cumpără înainte de a încerca”, însemnând faptul că acel 
client trebuie să se decidă să plătească fără a vedea în prealabil produsele; 
e a doua este „incearcă înainte de a plăti”, vanzatorul trebuind să trimită 
produsele spre client şi acesta trebuind să decidă dacă acestea merită prețul. 
Serverul First Virtual aşteaptă un răspuns de confirmare de la cumpărător 
(client). În cazul în care confirmarea nu vine după un anumit număr de zile sau 
dacă pentru un anumit cumpărător sunt mai multe confirmări în aşteptare, 
atunci numărul cărții de credit intra în starea „suspendat”. În momentul primirii 
confirmării sau atunci când numărul confirmarilor în aşteptare scade sub un 
anumit prag, numărul cărții de credit reintră în starea „activ”. Un mesaj de 
confirmare conţine un cuvant-cheie din partea cumpărătorului: yes, no sau fraud. 
Transferul banilor este inițiat doar în cazul răspunsului yes; un răspuns no 
înseamnă refuzul cumpărătorului de a plăti pentru bunurile care nu-i convin, iar 
fraud desemnează situaţia în care altcineva a încercat să folosească PIN-ul într-o 
tranzacţie frauduloasă. Acest din urmă caz va avea drept efect blocarea PIN-ul 
cumpărătorului, fiind necesară o nouă operaţiune de înregistrare. 
Serverul First Virtual trimite apoi un mesaj despre rezultatul transferului către 
adresa de e-mail asociată contului comerciantului. 
Periodic sunt verificate toate conturile utilizatorilor şi, pentru fiecare dintre ei, 
toate tranzacțiile acumulate sunt transformate într-una singură cu scopul de a 
realiza plăţile efective către parteneri. În cazul în care plata eșuează, serverul 
trimite notificări atât cumpărătorului cât şi vânzătorului, iar numărul cărții de 
credit a celui care a generat incidentul este pus în starea suspendat”. Dacă 
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transferul bănesc se realizează cu succes, atunci ambii parteneri primesc 
înştiințări despre acest lucru. 


On-line Analysis — www . OnAnalysis . com 
Paşii care se parcurg în cadrul acestui model sunt următorii: 


1. Clientul ia decizia de a cumpăra. 

2. Se stabileşte legătura cu sistemul On-line Analysis şi se transmite ordinul de 
cumpărare. 

Se solicită informaţiile despre card pe o linie securizată. 

Se autorizează tranzacţia de către centrul de carduri. 

Clientului i se trimite răspunsul de aprobare sau refuz al tranzacţiei. 

Se transmite aprobarea tranzacţiei către situl de cumpărare. 

Se expediază rapoarte zilnice către serverul de administrare. Banii sunt 
transferați în contul comerciantului. 


Situl Web al 
e comerciantului 


SGN OP a 


Centrul de carduri 
Utilizator 


a “= 
fi On-line Analysis 
Administrare Contul clientului 
sau comerciantului 


Modelul On-line Analysis de tranzactie securizată cu cărti de credit 


ePayment.ro — www . epayment . ro — reprezintă o soluţie certificată 3D Secure de 
către MasterCard şi Visa, funcţionând în România prin intermediul RomCard — 
www. romcard. ro. Pentru ca o societate comercială să-şi înceapă comercializarea 
on-line a produselor sau serviciilor pe care le pune la dispoziţie, trebuie ca managerul 
acesteia să completeze un formular Web în cadrul sitului mai sus menţionat, 
urmând a fi contactat ulterior de un reprezentant ePayment.ro. Sistemul 3D Secure 
presupune înregistrarea fiecărui deţinător de card prin atribuirea unui cod unic 
(parolă) de autorizare a fiecărei tranzacții on-/ine efectuate. Acest cod va fi solicitat 
cumpărătorului, alături de datele privitoare la contul lui, la iniţierea procesului de 
comandare a bunurilor dorite via o interfață Web (sistemul de tranzacții on-line 
având încorporat un program de verificare a identităţii plătitorului, precum 
„MasterCard Secure Code” sau „Verified by Visa”). Datele privitoare la tranzacţia 
în derulare sunt securizate prin intermediul certificatelor digitale, utilizându-se 
SSL/TLS, asigurându-se că nimeni exceptând Visa sau MasterCard nu salvează 
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detaliile privitoare la cartea de credit a unui client. Cardul înrolat în 3D Secure va fi 
recunoscut de toate magazinele virtuale compatibile cu acest sistem. Sistemul de 
plată 3D Secure poate fi integrat în cadrul unui magazin virtual numai prin 
intermediul unei bănci care va încasa şi banii pentru produsele/serviciile 
comercializate, urmând livrarea ulterioară a acestora în contul proprietarului acelui 
magazin. În ceea ce priveşte serviciul „Verified by Visa”, acesta are drept scop 
protejarea cardurilor Visa împotriva utilizării neautorizate pe Web, reducând astfel 
numărul fraudelor comise. Inainte ca tranzacţia să înceapă, deţinătorul cardului 
trebuie să introducă o parolă — detalii la adresa 
http://usa.visa.com/personal/security/vbv/how_ it works.h 
tml. Similar funcţionează si „MasterCard Secure Code”, însă în acest caz se 
foloseşte un sistem standardizat de transmitere a datelor de autentificare solicitate 
utilizatorului — UCAF (Universal Cardholder Authentication Field). Serviciile de plata 
electronică puse la dispoziţie de ePayment.ro vizează vânzarea de produse tangibile 
și/sau digitale, procesarea de plăți cu card Visa, Visa Electron, MasterCard ori 
Maestro putându-se procesa atât comenzi provenite din tara, cat şi din străinătate. 
Se oferă facilități pentru calcularea taxelor de transport, notificări în timp-real la 
aprobarea plăţii, raportarea privind vânzările realizate, asistența tehnică pentru 
implementarea ori integrarea soluţiei de plata electronică pe situl magazinului 
virtual. În ceea ce priveşte RomCard, acesta este furnizor de servicii (de autorizare 
şi procesare a tranzacţiilor) pentru sistemele de plată prin intermediul cardurilor 
bancare. Cadrul legislativ este asigurat de legile 365/2002 (privind comerțul 
electronic), 677/2001 (pentru protecţia persoanelor cu privire la prelucrarea datelor 
cu caracter personal), 455/2001 (referitoare la semnăturile electronice) şi de diverse 
hotărâri guvernamentale. Drept exemple de e-sop-uri care au implementat 
tehnologia 3D Secure se pot enumera Gecad Store, Flamingo şi NovaT'ravel. 
Comertciantii din România pot, de asemenea, să apeleze la procesatori externi cum 
ar fi 2ChecROut.com, 3dcart.com, Authorize.net, securenetshop.com sau webmastercart.com, 
pentru a da numai câteva exemple. 


Sisteme de microplăți 


În continuare vom descrie pe scurt arhitectura unui sistem de microplati. Pentru a 
simplifica lucrurile, vom considera mai întâi că participanţii sunt numai c/entul (customer) şi 
comerciantul (merchant). Microplata este iniţiată de către client prin cererea informaţiilor de la 
server. Arhitectura de bază e alcătuită din următoarele componente: pentru client, un 
navigator Web, un modul numit Per Fee Link Handler (PFLH) cu rol de identificator al 
tranzacţiei, unul sau mai multe portofele de plată electronică (e-wallefs), iar pentru 
comerciant — un server Web (a se vedea figura de mai jos, in care [1] este fluxul de date de 
la serverul comerciantului către PFLH, iar [2] reprezintă fluxuri între PFLH si portofelele 
electronice). 
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Agent utilizator 


e-portofel (2) 

Per Fee Link [1] Server Web 
e-portofel Handler (HTTP) 
e-portofel | 


Client Comerciant 


Arhitectura simplificată a unui sistem de microplati 


Situl Web care implementează sistemul de procesare a informațiilor referitoare la 
microplati trebuie: 


* sa fie simplu, permiţând utilizarea interfetelor de genul cick and pay (apasă şi 
plăteşte); 

* să minimizeze circulația prin rețea a datelor; 

e sa folosească un standard care să fie recunoscut de toate navigatoarele existente sau 
viitoare; 

* să fie comun tuturor schemelor de microplati. 


În realitate, arhitectura este putin mai complexă, un sistem de microplăți fiind compus 
din trei actori importanți, alături de comerciant si de cumpărător apărând ofertantul de servicii 
de plată (Payment Service Provider — PSP). 

Ofertantul de servicii de plată are misiunea de a furniza clienților mijloace facile de 
plată pe Internet, operand ca intermediar între client şi comerciantul on-/ne, asigurând de 
exemplu conversia valutară sau securitatea tranzacţiilor electronice. Fluxul de date între 
aceste trei entități este rezumat în figura următoare, unde: 


[1] un comerciant on-/ine apelează la un ofertant de servicii de plată, prin acţionarea 
unei legături hipertext către sistemul de plată al acestuia în cadrul aplicaţiei sale 
Web; 

[2] clientul apelează la ofertantul de servicii de plată, furnizând detaliile de plata si 
stabilind un cont electronic pentru asigurarea plăţilor viitoare; 

[3] clientul vizitează situl Web al comerciantului, alege un anumit produs pentru a-l 
achiziţiona şi selectează un PSP pentru a stabili o metodă de plată a acelui produs; 

[4] comerciantul lansează aplicaţia pusă la dispoziţie de PSP, clientul este verificat şi 
achiziţia este autentificată; 

[5] valoarea achiziţiei este extrasă din contul clientului pentru onorarea plăţii; 

[6] se realizează periodic (e.g.: lunar) tranzacţiile dintre PSP şi comerciant, luându-se în 
calcul onorariul tranzacţiilor electronice dintre client şi PSP. 
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„Arhitectura reală a unui sistem de microplati 


Dintre ofertantii de tehnologii pentru sisteme de microplati se pot enumera Cartio 
Micropayments, Jalda, PayWord sau Pay2See (soluţii comerciale) sau NefBill şi NetCheque 
(soluţii academice). Există şi o propunere de protocol specializat de transfer: MicroPayments 
Transfer Protocol (MPTP). 

După cum am văzut mai sus, există diferite companii de tip PSP care oferă servicii de 
plata on-ine. Drept exemple notabile se pot da PayPal si Bil/Point. 

Microplatile oferă flexibilitatea de a plăti pentru exact ceea ce utilizatorii doresc să 
obţină fără a cheltui o sumă însemnată de bani pentru aceasta, una dintre utilizările 
microplatilor fiind în domeniul ofertelor de conţinut on-dne plătit. Astfel, New York Times 
are implementat un sistem de microplati pentru a furniza acces on-line la articolele mai 
vechi ale ziarului contra unei sume infime (1,5 dolari). Un sistem similar a fost adoptat de 
Wall Street Journal pentru a oferi diverse informaţii cu caracter financiar utilizatorilor care 
nu sunt abonaţi la varianta fizică a publicaţiei. La fel, Music33.com pune la dispoziţie un 
serviciu capabil să furnizeze, contra sumei de 0,33 lire britanice, diverse bucăţi muzicale. 
Cybergold şi MyPoints.com premiază clienţii cu puncte — care pot fi ulterior schimbate în 
produse sau servicii — pentru fiecare accesare a conţinutului electronic. În domeniul 
telefoniei mobile, deja companiile Ericcson si Easy Park au încheiat un parteneriat pentru a 
oferi, în cadrul telefoanelor celulare, suport pentru realizarea de microplati. 

Unii specialiști prognozeaza că, în viitorul nu foarte îndepărtat, pentru a juca jocuri pe 
Web, a avea acces la fişiere audio in format MP3 sau a obţine alte servicii, va trebui sa 
plătim diverse sume de bani (mai mici ori mai mari). Acest lucru s-a întâmplat deja cu 
unele servicii de posta electronică pe Web. Ofertantii actuali de conţinut traditional vor fi 
înlocuiţi de ofertantii de amuzamente on-line, reviste electronice, add-in-uri software, 
motoare de căutare pe Web, toate accesibile prin intermediul microplatilor. 


3.6 Comerţul electronic 


3.6.1 Caracterizare 
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În subcapitolul 3.4 am dat un număr de definiţii comerţului electronic; o reamintim aici pe 
aceea cate asociază comerțul electronic cu vénzarea şi comercializarea de bunuri şi servicii prin 
intermediul tehnologiilor Internet. În cele ce urmează vom detalia unele dintre problemele legate 
de înfiinţarea unui magazin virtual. 


Avantaje 


Valoarea de piață a afacerilor desfăşurate pe Web a fost reliefată din mai multe puncte de 
vedere: 


promovarea produsului — se poate realiza printr-un contact direct şi interactiv cu 
clienţii. Primul avantaj al comerţului electronic îl constituie posibilitatea de a oferi 
informaţii despre produs tuturor clienţilor care au acces la Web. Totuşi, una dintre 
obiecțiile aduse este aceea că anumite produse necesită obligatoriu un contact fizic 
cu posibilul cumpărător, de exemplu parfumurile, articolele de îmbrăcăminte și 
încălțăminte (cine ar putea comanda pantofi fără să-i probeze?), dar şi CD/DVD- 
urile sau cărţile (multe persoane, înainte de a achiziţiona o carte, o răsfoiesc). 
Același lucru este valabil în cazul serviciilor, mai ales a celor turistice; 

noi canale de vânzare — produsele existente pot fi livrate pe o arie largă fără a mai fi 
nevoie să fie întreținut un magazin cu existenţă fizică, necesitând cheltuieli de 
chirie, reparaţii etc. Mai mult, limitele geografice dispar în toate zonele unde există 
Internet, o afacere putând fi desfăşurată în toată lumea de la un singur centru de 
comandă dotat cu mijloace computerizate; 

economii la vânzarea] cumpărarea produsului — generate de: suprimarea costului deplasării 
până la vânzător, eliminarea cheltuielilor necesare pentru a întreține un magazin 
clasic, reducerea timpului afectat tranzacţiei şi altele; 

timpul redus de acces la produs — este un avantaj major în cazul produselor și serviciilor 
care au un ciclu de viaţă foarte scurt (de exemplu ştirile, care pot fi trimise rapid 
prin poşta electronică sau pot fi afişate într-o pagină Web); 

service mai bun pentru clienți — Web-ul reprezintă un excelent mediu prin care se pot 
oferi servicii de consultanță clienţilor, servive-ul putând fi disponibil non-stop, 
relaţiile inter-umane fiind astfel mai strânse; 

marca şi imaginea corporației pot fi mai uşor modelate — acestea sunt importante mai ales 
atunci când clienţii folosesc la rândul lor tehnologii avansate. Ne gândim aici mai 
ales la modele de afaceri business-to-business; 

adaptarea la schimbări — poate fi mai rapid şi facil efectuată atunci cand firma este deja 
la curent şi utilizează cele mai noi tehnologii provenite din domeniul comerțului 
electronic; 

îmbunătățirea relației cu clienții — relația cu clienţii poate fi mai usor personalizată, fapt 
ce poate constitui un avantaj major pentru firmă. Fiecare client trebuie să se simtă 
apreciat şi remarcat, dezvoltându-se relaţii de tip 7-/4-7; 

dezvoltarea de noi produse se poate realiza în concordanță cu cerințele consumatorilor — clienţii 
pot afecta direct design-ul unui nou produs, vizualizându-l cu ajutorul propriilor lor 
calculatoare, exprimându-și opiniile şi dorinţele către furnizor. Monitorizând 
atitudinile clienţilor, firma poate obţine informaţii preţioase pentru proiectarea 
noilor produse sau îmbunătăţirea celor vechi; 
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* noi modele de afaceri — pot fi create prin intermediul comerțului electronic, in diverse 
domenii specializate, cum at fi de exemplu vanzarea de informatii de ultima ora (ne 
putem gandi cat de pretioase sunt aceste informatii pentru expertii in finante). 
Probleme 


Problemele pe care le pune comertul electronic fata de cel traditional sunt legate, in 
principal, de: 


asistență — se pune problema cum putem asista un anumit client sau grup de clienți 
în luarea unor decizii privind achiziționarea unui produs. Gradul de informaţii 
referitoare la un anumit produs poate fi, în unele situaţii, insuficient; 


e fiabilitate şi credibilitate — pe Web, există o multitudine de date pe care oricine le poate 


accesa; punctul-cheie este acela ca respectivele date să se transforme în informaţii 
(adică să aibă o semnificație pentru utilizator), pentru ca ulterior să devină 
cunoaștere; siturile care comercializează conţinut informaţional trebuie să rezolve 
această problemă. Din cauza timpului scurt de existenţă sau a dinamicitatii ridicate, 
datele se petimează foarte rapid, lipsind în acest moment mecanismele necesare 
unei analize de termen lung a informaţiilor vehiculate. 


Modele de afaceri 


Se pot identifica următoarele modele de afaceri în comerţul electronic: 


magazinul electronic (e-shop) — un magazin electronic este vizibil posibililor clienți 
prin intermediul unui sit Web; acesta este administrat de o companie, pentru 
marketing-ul şi vânzările propriilor produse şi servicii. 

Minimal, un magazin electronic va conţine catalogul de produse sau servicii cu 
descrieri tehnice şi comerciale pentru fiecare poziţie din catalog. Aceste descrieri 
sunt gestionate de obicei cu ajutorul unui sistem de gestiune a bazelor de date, care 
se va ocupa cu stocarea si manipularea datelor si cu oferirea posibilităților de acces 
la informaţiile dorite de client. Varianta medie a unui magazin electronic oferă 
facilități pentru preluarea comenzilor (prin poşta electronică sau prin formulare 
interactive completate direct pe situl Web de către posibilii clienţi), iar varianta 
extinsă adaugă posibilitatea efectuării on-line a plăţii (prin diverse mijloace de plată), 

lus diferite alte activităţi. 

In ansamblu, funcţiile unui sit Web de comerț electronic includ, așadar, prezența 
unui catalog on-line, o metodă pentru procesarea plăţilor electronice, realizarea 
factutării/ transportului, promovarea şi realizarea altor diferite servicii pentru client; 
magazinul electronic universal (e-ma// — analog corespondentului său din lumea 
reală, magazinul electronic universal reprezintă o colecţie de magazine electronice 
(comercializand, eventual, produse eterogene, provenite de la furnizori diferiți — 
cazul magazinului virtual Diverta On-Line, disponibil la www.dol.ro), reunite sub 
o umbrelă comună. În genetal, acceptă metode de plată comune şi oferă anumite 
facilități (eg: discount-uri). Ca exemple de magazine electronice universale axate pe 
desfacerea de cărți ale principalelor edituri din ţară şi din străinătate putem aminti 
Elibris — www.elibris.ro sau Anticariat. net — 
www.anticariatonline.com (acesta din urmă funcţionând si ca replică 
electronică a unui anticariat fizic). De asemenea, trebuie precizat faptul că unele e- 
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mall-uri pot fi focalizate asupra unei zone geografice (eg: pentru locuitorii din 
Alaska, este disponibil www .AlaskaMa11 .com) ori unei categorii de producători 
sau de clienţi (de exemplu, pentru segmentul asiatic — www. AsianMall.com). 


RO \ EN Title v Search 
Menu » Book details 
o Home z F : . 
o Search Programare Web in Bash si Perl (cd - inclus) de Sabin 
o Special Buraga, Stefan Tanasa, Victor Onu 
o Catalog Publisher: Polirom; Year : 2002; 250 pages; 
o Newsletter 
O Forum 
2 Contact This book is no longer available. You can register to be informed when it will 
o Help become available again. 


shopping cart f Price: 8.23 US$ 


Sellers Keep Payment and shipping info 
o Register 
o Admin page 
e Back to search results 


Varianta Web a unui anticariat 


aprovizionarea electronică (e-procurement) — pentru procurarea bunurilor si serviciilor, 
marile companii si autorităţi publice organizează licitaţii. Prin publicarea pe Web a 
specificaţiilor ofertei, scad atât timpul cât si costul de transmisie, mărindu-se şi 
numărul de firme care pot lua parte la licitaţie. Astfel, creşte concurenţa şi scade 
preţul. În acest context trebuie precizat faptul că întreg spectru de documentatii şi 
acte care trebuie întocmite (caiet de sarcini, cererea de ofertă, lista de comenzi, 
contractul etc.) poate fi conceput, completat şi procesat exclusiv prin mijloace 
electronice; 

piaţa unui tert (bird party marketplace) — se apelează la un sit Web pentru a avea acces 
la catalogul de produse al unei companii, dar acest sit aparține unui tert (że. un 
furnizor de servicii Internet, un furnizor de aplicaţii sau o bancă). Această metodă 
prezintă avantajul că interfaţa cu posibilii clienți este unică pentru mai mulți 
producători, utilizatorii fiind familiarizați cu folosirea ei. Acest model de afaceri este 
însă mai puţin folosit în comparaţie cu precedentele; 

comunitățile virtuale (virtval communities) — valoarea cea mai importantă a unei 
comunităţi virtuale este dată de către membrii săi (clienţi sau parteneri), care adaugă 
informaţii proprii peste un mediu de bază furnizat de companie. Fiecare membru 
poate ofeti spre vânzare produse sau servicii sau poate adresa cereri de cumpărare a 
unor produse/servicii. Calitatea de membru al unei comunităţi virtuale presupune, 
de obicei, plata unei taxe, dat pot exista si comunităţi virtuale compuse din clienții 
fideli ai unui anumit produs ori grup de produse. Astfel de comunităţi virtuale pot 
recurge la folosirea b/g-urilor, forumurilor şi a altor mijloace de instituire a aşa- 
numitei rețele sociale (social network). Comunitățile virtuale pot implica atât sectorul 
comercial, cât si cel non-profit, putând fi închise ori deschise (publice); 

furnizorul de servicii cu valoare adăugată pentru canalele de comerţ electronic (value 
Chain service provider) — furnizorii unor astfel de servicii sunt specializați pe funcţii 
specifice, precum asigurarea logisticii, tezolvarea tranzacţiilor financiare sau 
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De 


expertiza în managementul producției si al stocurilor. Plata acestor servicii se 
realizează de cele mai multe ori pe baza unor tarife sau a unei cote procentuale; 
platformele de colaborare (collaborative environments) — cuprind un set de instrumente 
(software) si un mediu informational pentru colaborarea între companii (via 
extranet, uzual) — de exemplu, utilizând un portal. Aceste platforme pot îndeplini 
funcţii specifice, cum at fi concepţia sau proiectarea în colaborare. Câştigurile 
provin din managementul platformei (taxa de membru sau taxa de utilizare) şi din 
vânzări de instrumente specializate (destinate proiectării, organizării fluxului de 
documente (workflow) şi gestiunii concurente a datelor); 

brokerajul de informaţii — exemplele cuprind cataloage de clienţi clasificați pe profil, 
vânzarea de oportunități de afaceri, consultanţă în domenii specializate; 

alte servicii — pot fi menţionate serviciile de încredere furnizate de autoritățile de 
certificare sau de notariatele electronice. 


asemenea, trebuie să observăm faptul că modelele de afaceri folosite pentru 


vânzarea on-line de bunuri informaţionale — precum informaţii sau acces la baze de date — 
diferă considerabil de cele folosite pentru vânzarea de bunuri fizice. 


Strategii 


Ca strategii principale în realizarea de afaceri în domeniul comerţului electronic s-au 


impus: 


modelul bazat exclusiv pe Web (żnfomediary), magazinele existând exclusiv virtual, 
neavând un corespondent fizic (este cazul magazinelor electronice vânzând aplicaţii 
sau componente software); 

prezenţa pe Internet plus infrastructură, în care afacerile se desfăşoară atât pe Web 
(de exemplu, pentru a asigura interacțiunea cu posibilii clienți şi funcţiile de 
promovare a produselor/serviciilor), cât si în viata reală (existenţa unor lanţuri de 
distribuitori, asigurarea transportului etc.). Un exemplu notabil in acest sens il 
reprezintă Amazon — www.amazon.com; 

click-and-mortar — este modalitatea cea mai simplă de a comercializa produse, 
ofetindu-se clientului un catalog electronic — prin poşta electronică sau prin 
intermediul unei pagini Web — şi aşteptându-se comenzi prin e-mail, cu plata la 
livrare (ramburs). O multitudine de astfel de afaceri au fost demarate în România, 
mai ales în domeniul comercializării de conţinut electronic (casete şi compact- 
discuri audio sau video) sau de carte. 


3.6.2 Aspecte ale dezvoltării unei afaceri pe Web 


De la business la e-business 


Proiectarea, dezvoltarea si menţinerea unei afaceri electronice de succes presupune 
deținerea de cunoștințe importante referitoare la afaceri in general. 

Pentru a da valoare unui afaceri, trebuie luate în considerație următoarele: structura, 
mediul de afaceri, managementul, angajaţii (resursele umane angajate în afacere), 
managementul financiar, marketingul şi alte componente speciale. Principalele decizii care 
trebuie luate înainte de a începe o afacere sunt cele legate de: 


produs — ce tip(uri) de produse/servicii trebuie oferit(e)? 
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= producție — cum vor fi produse bunurile vizate a fi oferite? 

= promovare — cum vor fi făcute cunoscute numele (caracteristicile) produselor? 

= finanțe — in ce manieră compania va obţine fonduri de finanţare pentru a acoperi 

costurile de producţie şi promovare? 

În ceea ce priveşte actorii care participă la desfăşurarea unei afaceri, principalele 
categorii vizează: proprietarii (antrepenori, co-proprietari, acționari), creditorii, angajaţii 
(aici, o componentă importantă este cea a factorilor de decizie — managerii), furnizorii si 
clienții. 

Pentru a demara o afacere, trebuie dezvoltată o idee clara, initiindu-se astfel un plan de 
afaceri: 

= se identifică în primul rand un avantaj competitiv care poate fi exploatat, 

= se analizează în ce manieră produsul/setviciul propus se diferenţiază de cele ale 

competitorilor, 

=" se determină resursele necesare punetii pe picioare a afacerii, 

= se estimează gradul de fezabilitate a ideei adoptate. 

Trebuie să (re)amintim că o afacere de succes nu presupune neapărat investiţii (inițiale) 
majore şi că unele idei de afaceri pot reprezenta un insucces (dar şi din greşeli se învaţă, 
nu-i asa). 

Planul unei afaceri presupune întocmirea unei descrieri detaliate a ceea ce se 
intenționează a se realiza, inclusiv analiza tipurilor de clienți (publicul ţintă) pe care 
afacerea i-ar putea interesa, scenariile acţiunilor pe care le-ar putea initia concurenţa, 
facilitățile necesare pentru producţia propriu-zisă sau pentru promovare. Un aspect 
important este cel privitor la evaluarea mediului de afaceri existent din perspective 
economice, industriale şi globale (eg: politice), la nivel macro- si micro-economic. 
Condiţiile macro-economice vizează situația economică globală a unei regiuni ori stat (de 
exemplu, creşterea economică, inflația, politica fiscală etc.), iar cele micro-economice se 
focalizează asupra caracteristicilor unei anumite afaceri sau industrii. 

De asemenea, trebuie dezvoltat şi un plan de management care presupune detalierea 
structurii organizaționale, procesele de producţie şi resursele umane. Principalele activități 
ale managerilor sunt cele de planificare, de organizare, de conducere şi de controlare a 
afacerii. Planificarea presupune constituirea de planuri strategice (de cele mai multe ori, pe 
termen lung), tactice, operaționale si alternative (de exemplu, cele de forță majoră). 
Organizarea are in vedere maniera de îndeplinire a scopurilor afacerii (e.g: organizarea 
resurselor necesare, organizarea expertizei în domeniul/domeniile de activitate ale 
companiei, organizarea locurilor de muncă etc.). Conducerea unei afaceri este un proces de 
formare de practici bune care să conducă la îndeplinirea scopurilor comune, implicând 
comunicarea sarcinilor pe care trebuie să le desfăşoare angajaţii, instituirea unui model 
corespunzător de „șef” şi a unui set de motivații (şi/sau acţiuni coercitive) pentru a stimula 
personalul să-şi îndeplinească activitățile. Motivarea angajaţilor se poate face, de asemenea, 
delegându-le sarcini importante si încurajând feedback-ul. 

Desigur, activitatea de conducere trebuie să aibă în vedere planul strategic al companiei 
şi să dea dovadă de participare efectivă la acţiunile planificate a fi desfăşurate (stilul 
managerilor participativi, în constract cu cei autocrati sau /aissez-faire — „lasă-mă să te las”). 
Mai mult, un manager trebuie să evalueze activităţile desfăşurate, măsurând performanța si 
comparând rezultatele obținute cu aşteptările şi standardele impuse (la nivel organizational 
ori departamental). Această evaluare se recomandă să se desfăşoare permanent, pentru a se 
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detecta de timpuriu deficienţele si a se decide ce măsuri trebuie instituite. Asemenea funcții 
manageriale pot fi automatizate, apelându-se la diverse produse software (de exemplu, 
există aplicaţii asistând utilizatorul în luarea deciziilor sau pentru monitorizarea şi/sau 
planificarea fluxului de activități ale întreprinderii) — se pot folosi sisteme de fabricație 
asistată de calculator, sisteme de planificare şi conducere a producţiei, sisteme de decizie 
bazate pe cunoştinţe etc. 

Nu trebuie uitate planul de marketing și cel financiar: 


Planul de marketing implică stabilirea pieţei de desfacere ţintă, detalierea 
caractetisticilor produsului/ serviciului care urmează a fi lansat, politica de preţuri, 
maniera de distribuție şi modul de efectuare a publicităţii (campania de 
promovare). Astfel, trebuie stabilit clar ce tip de produse/servicii vor fi realizate 
sau vândute (e.g.: de larg consum sau de specialitate). De asemenea, compania ar 
putea avea în vedere realizarea unei linii de produse (compusă din produse 
înrudite, pentru a satisface cerințele unui grup mai larg de consumatori) sau a mai 
multor categorii (de exemplu, Amazon pune la dispoziţie cărți, electronice, jucării, 
produse cosmetice, multimedia etc.). Mărimea pieţei de desfacere a 
produselot/serviciilor oferite depinde de factori demografici, geografici si 
economici, plus de valorile sociale. Tot aici se va tine seamă de regulile branding- 
ului sau de cele ale e-branding-ului, în cazul afacerilor electronice. 
Viaţa unui produs pe piață se poate diviza în patru mari perioade: 
e lansarea produsului (se are in vedere un segment de piaţă particular, produsul 
fiind destinat tocmai acestui segment), 
e dezvoltarea (pe baza campaniilor publicitare întreprinse şi a interesului 
publicului-tinta, produsul devine cunoscut, iar volumul vânzărilor creşte), 
e maturitatea (produsul are cele mai mati vânzări, putând fi chiar lider al pietii), 
e declinul (deoarece concurența propune un produs alternativ mai bun sau 
promovat mai bine, volumul vânzărilor începe să scadă, conducând în cele din 
urmă chiar la dispariţia produsului). 
Menţinerea unei cote (mai) mari de vânzări pentru un produs sau grup de produse 
este influențată de strategia publicitară adoptată: promovarea mărcii în rândul 
consumatorilor (de exemplu, consolidarea /îmbunătăţirea imaginii via mass-media, 
Internet etc.), promovarea la nivel institutional (consolidarea şi/sau îmbunătăţirea 
imaginii companiei) ori promovarea la nivel industrial (focalizarea asupra industriei 
din care face parte produsul ori grupul de produse). Pentru atragerea clienţilor, se 
pot adopta strategii precum rabaturi la pret (discount-uri), oferte de eşantioane 
gratuite de produse, premii de fidelitate, oferte excepţionale de pret în anumite 
perioade ale anului etc. 
În ceea ce priveşte planul financiar, principalele aspecte sunt legate de mijloacele 
de finanțare (împrumuturi, rambursări) si de fezabilitatea afacerii. Informaţiile 
financiare oferă suport pentru luarea deciziilor (de exemplu, datele privitoare la 
vânzări pot ajuta la evaluarea impactului pe care l-a avut o campanie publicitară ori 
la a decide daca un produs va fi menţinut în continuare pe piață). De asemenea, tot 
aceste informații sunt importante pentru menținerea controlului (eg: 
monitorizarea performanţei la nivelul diviziilor şi a produselor). 


O altă problemă pe care trebuie să o avem în vedere este aceea a responsabilități fata 
de mediul înconjurător: procesele de producţie, ca şi produsele oferite, pot dăuna mediului 
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(de exemplu, pot polua aerul ori solul) — o afacere poate eşua dacă primeşte o publicitate 
negativă referitoare la efectele nocive desfăşurate asupra mediului. Nu trebuie ignorat nici 
aspectul etic în desfăşurarea unei afaceri, oricare ar fi ea — vezi informaţiile disponibile la 
http://dir.yahoo.com/Arts/Humanities/Philosophy/Ethics/Busine 
ss/. De asemenea, la inițierea unei afaceri trebuie să ne punem problema impactului 
asupra comunităţii umane (responsabilitatea socială poate contrasta uneori cu scopurile 
afacerii). Suportul acordat organizaţiilor caritabile sau open-source poate îmbunătăţi imaginea 
companiei (de exemplu, Apple şi Microsoft investesc în programe educaționale, Checkers 
pune la dispoziţie locuri de muncă noilor rezidenţi, iar IBM sprijină comunitatea de 
programatori open-source şi oferă suport instituţiilor academice). Tot în acest context, 
trebuie să ne punem problema responsabilități fata de comunitatea internațională — de luat 
în calcul diferenţele culturale, de evitat regimul financiar diferențiat în funcţie de situarea 
lor geo-politică şi de stabilit o reputaţie globală prin exercitarea unei afaceri etice. 

Există companii specializate de consultanță care oferă suport pentru demararea unei 
afaceri. Astfel, pentru informaţii şi sfaturi de bază se pot vizita situri precum Yahoo's Small 
Business sau American Express, iar în ceea ce priveşte partea financiară se pot examina 
siturile Garage.com şi The Elevator. 


Etape 


Inainte de toate, analiza afacerii electronice trebuie să se realizeze cat mai detaliat posibil, 
etapele urmărite fiind: 


1. Identificarea tipului afacerii. 

2. Evaluarea canalelor de vânzare si distribuţie a produselot/serviciilor oferite. 

3. Stabilirea scopurilor afacerii. 

4. Localizarea afacerii — alegerea distribuitorului de servicii Internet, Internet Service 

Provider ISP), a ofertantului serviciilor de găzduire Web (Web hosting). 

Crearea sitului si testarea lui. 

Asigurarea scalabilitatii şi securităţii informaţiilor vehiculate. 

Stabilirea relațiilor cu publicul — promovarea produselor prin diverse mijloace. 

Stabilirea mijloacelor de plată (cecuri, cărți de credit, altele), plus a legăturilor cu 

diverse organizaţii financiare (bănci, ofertanti de servicii de plata etc.) — a se vedea 

şi subcapitolul 3.5 şi, de asemenea, cele descrise mai jos. 

9. Alinierea la legislaţia internațională — eg.: problema drepturilor de autor, frauda, 
asigurarea anonimatului clientelei etc. 


PAR 


Strategii 


După această analiză, trebuie să adoptăm o serie de strategii pentru a demara lansarea 
afacerii pe Web. Se va ţine cont de următorii paşi: 


1. Explicarea beneficiilor e-business-ului (a se revedea subcapitolul 3.4). 

2. Conştientizarea faptului că tehnologia schimbă modul de desfăşurare a afacerii, 
„spre un sistem nervos digital” — conform afirmațiilor lui Bill Gates. 

3. Definirea unui proiect-pilot (de la intranet la extranet şi până la prezenţa în 
Internet, pe Web); in acest sens, trebuie identificate toate aspectele afacerii care pot 
fi „aduse” pe sau, mai bine spus, „atrase” spre Web. 
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4. Estimarea costurilor (se au în vedere instruirea personalului, menţinerea afacerii, 
implementarea strategiilor de securitate, cheltuielile neprevăzute etc.); tot în cadrul 
acestei faze, se iau în consideraţie si scenariile în caz de dezastru (de exemplu, 
imposibilitatea contactării unor furnizori, întârzieri în calendarul activităților 
preconizate, afectarea securităţii etc.). 

5. Măsurarea productivității. 

Ajustarea afacerii după cerințele / dorinţele pieţei si ale clientelei. 

7. Pregătirea pentru rezistenţă /inerţie din partea oamenilor (że. angajaţii şi clienții) şi a 
organizaţiilor (e.g.: partenerii de afaceri). 


GN 


De remarcat faptul că o afacere tradițională poate avea şi o componentă vizibilă în 
spațiul WWW, asigurându-se o comunicare mai rapidă şi strânsă cu potenţialii sau actualii 
clienți, fluxul informațional fiind unul direct şi eficient. O parte dintre operațiile 
tradiționale pot fi substituite de diverse servicii electronice (de exemplu, pentru a lua 
anumite decizii strategice privitoare la modificarea prețului unui produs, managerul poate 
consulta foarte uşor situația vânzărilor generale, situație disponibilă în Intranetul 
companiei sau chiar direct pe telefonul mobil). 

Din punctul de vedere al legalității, trebuie să fim pregătiți pentru diverse dispute legate 
de situații, precum cele de mai jos: 


e clientul a plătit, dar comerciantul nu a livrat; 

e clientul a plătit, însă livrarea întârzie sau sunt livrate alte bunuri/servicii ori 
bunuri/servicii de altă calitate; 

e clientul a plătit, dar banii nu ajung la ofertant; 

e comerciantul a livrat, dar clientul refuză să plătească marfa comandată; 

* comerciantul a livrat, dar clientul nu a comandat nimic; 

e ofertantul comercializează bunuri fără ştirea producătorului. 


Alte probleme sunt cele referitoare la proprietatea intelectuală (copyrigh/). Trebuie să 
luăm în calcul problema copyright-ului conținutului sitului (corpurile de literă folosite, 
grafica, alte informații multimedia). La fel, trebuie să ne asigurăm că afacerea noastră nu 
foloseşte software pirat, de genul celui disponibil pe aşa-numitele situri Warez. De 
exemplu, arhivele puse la dispoziție pe sit trebuie să fie stocate în formate pentru care 
avem licențe de utilizare a arhivatorului care le-a creat. Similar, pentru orice format 
proprietar (nu putem include pe sit date in format Excel dacă nu detinem pachetul 
Microsoft Office cu licență). Un alt aspect sensibil este cel al drepturilor de autor asupra 
datelor (nu se pot folosi bazele de date ale unei terțe organizații fără acordul acesteia). 
Pentru detaliile legate de legislația internațională privind utilizarea şi protecția proprietății 
intelectuale, se pot vizita si siturile World Intellectual Property Organization — www . wipo .org 
— si International Digital Object Identifier Foundation — www . doi . org. 


Caracteristici ale unei aplicații de comerț electronic 


Cerințele oricărei aplicații de comerț electronic, dar mai ales ale unui sit Web, sunt legate 
de satisfacerea nevoilor utilizatorului si ale comerciantului. Aceste cerințe ar putea fi 
rezumate de următoarele asertiuni: 


* sistemul trebuie să fie uşor de utilizat (oferind o interfață ergonomică si utilizabilă); 
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e sistemul trebuie să ofere posibilități de căutare după denumirile/categoriile 
produselor şi serviciilor comercializate, dar si după descrierile acestora, deoarece nu 
toţi clienţii cunosc exact denumirea a ceea ce caută; 

e trebuie suportate opțiuni de plată multiple, luând în consideraţie că nu toţi clienții 
sunt dispuşi să ofere pe Web informaţiile privitoare la cartea de credit proprie. 
Orice opţiune de plată aleasă de utilizator trebuie să fie sigură (securizată); 

e sistemul trebuie să fie uşor de actualizat, astfel încât adăugarea de noi produse sau 
servicii să se realizeze rapid; 

e sistemul trebuie să fie disponibil în orice moment în care clientul doreşte să-l 
utilizeze; 

e sistemul trebuie să valideze datele introduse de utilizator; 

e sistemul trebuie să poată fi integrat cu alte sisteme informatice de afaceri (gestiune); 

e fiind bazat pe Web, sistemul trebuie să suporte majoritatea navigatoarelor actuale. 


Deşi nu există soluţii universale, pentru a pune pe picioare o afacere în domeniul 
comerţului electronic de produse putem planifica o strategie constând în pașii următori: 


1. Aspecte privind produsele vândute — impetios necesar este studiul detaliat al 
caracteristicilor produsului (sau grupului de produse) care urmează să fie pus in 
vânzare. La fel ca şi în comerțul traditional, natura produsului vândut va determina 
alegerea mijloacelor: furnizorul de servicii Internet şi aplicaţiile aferente. Desfacerea 
unui bun real este diferită de cea a unui bun digital. 

Unul dintre cele mai importante aspecte il reprezintă implementarea echivalentului 
electronic al coșului de cumpărături (shopping cart). 

Sistemul oferit de coşul de cumpărături virtual este cel care permite să fie expuse pe 
Web imagini ale produselor, descrieri şi preţuri. Sunt furnizate, de asemenea, 
mecanismele prin care consumatorul să aleagă cantitatea de produse comandate. 
Mai mult, tot acest sistem realizează verificarea si înregistrarea datelor, calculează si 
afişează totalul net al preţurilor cumparaturilor, incluzând si taxele de transport 
(eventual şi alte taxe) dacă este cazul. Informaţiile vehiculate vor fi stocate în 
diverse baze de date, componentele de management al bazelor de date trebuind 
proiectate sau cumpărate de la o altă companie (furnizor de găzduire Web, ofertant 
de servicii de comerţ electronic etc.). 

Pentru articolele mai putin pretentioase sau în număr mic, este relativ uşor să se 
dezvolte aplicaţia pentru magazinul electronic apelându-se la diverşi programatori 
ori la o companie de software implementând soluţii la cheie, particularizate — o 
posibilă manieră de implementare în limbajul PHP a unui coş de cumpărături este 
prezentată în cartea S. Buraga (coord.), Aphcatii Web la cheie, Polirom, Iasi, 2003. 
Majoritatea furnizorilor de servicii de comerţ electronic oferă produse prietenoase, 
având interfeţe uşor de utilizat, astfel încât să poată fi exploatate şi de către cei cu 
experienţă redusă. 

Sistemul coşului de cumpărături trebuie să fie suficient de flexibil pentru a oferi 
posibilitatea de a expune produse prezentând categorii şi caracteristici multiple (de 
exemplu, pentru produsele textile trebuie luate în calcul variațiile de mărime si 
culoare, iar pentru comercializarea de autoturisme clientul doreşte informaţii despre 
model, an de fabricaţie, producător, dotări etc.). Natural, unităţile de măsură si 
preţurile sunt şi ele diferite. 
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2. Securitatea — deşi am mai discutat despre acest subiect, el este deosebit de important 


pentru implementarea magazinului nostru virtual şi mai ales pentru asigurarea 
credibilitatii acestuia. Din moment ce informaţiile disponibile pe sit părăsesc 
serverul, fiind disponibile în Internet, ele aparţin domeniului public. Este posibil ca 
persoane răuvoitoare să le intercepteze si să le utilizeze in mod necorespunzător. 

In ceea ce îl priveşte pe consumator, aceasta va fi foarte interesat de garanţiile de 
secutitate pe care le oferă situl Web. Trebuie să luăm în calcul aspecte precum 
maniera de transmitere a informaţiilor referitoare la plată, riscurile expunerii, locul 
unde sunt stocate datele private privitoare la client etc. 

Actualmente, soluţia utilizată pe scară largă pe Web este constituită de folosirea 
protocolului de securitate SSL pentru orice vehiculare de informaţii confidentiale 
(precum datele despre cartea de credit, identitatea reală a clientului etc.), in 
conjunctie cu certificatele digitale. Certificatele digitale pot fi personale, utilizate la 
stabilirea identității unei persoane, sau certificate Web, folosite la verificarea 
securităţii şi autenticității unui sit. Protocolul SSL utilizează diverse metode 
criptografice şi poate fi folosit peste majoritatea protocoalelor de comunicaţie pe 
Internet. De exemplu, un transfer de date dintre un client si un server Web se va 
realiza printr-o variantă a protocolului HTTP, denumită HTTPS (HyperText Transfer 
Protocol Secure), identificatorii uniformi de resurse folosind — în locul http: — 
schema https:. 

Fără existența unei soluţii de implementare a protocolului SSL şi de folosire a 
certificatelor digitale, nici un consumator avizat nu va transmite pe Web datele 
cărții sale de credit. 

În mod normal, orice server Web ar trebui să ofere suport pentru SSL. La fel, 
navigatoarele Web pot procesa datele criptate prin intermediul acestui protocol. 
Desigur, şi aplicaţia de comerț electronic trebuie să asigure suport pentru SSL. 
Furnizorii internaţionali de găzduire Web includ aceste facilități în preţul pachetului 
de servicii de e-commerce. 

În ceea ce priveşte certificatele digitale, acestea sunt emise de o autoritate 
internațională (certificate authority), cate poate fi o instituţie financiară sau o companie 
terță, cum ar fi VeriSign sau TrastCenter. 

Pentru realizarea de tranzacţii sigure, se poate folosi şi protocolul SET (Secure 
Electronic Transactions) oti se pot institui aşa-numitele sisteme de încredere (de exemplu, 
Virtual Vault de la Hewlett-Packard sau Trusted Solaris de la Sun). De asemenea, 
pentru identificarea utilizatorilor se poate folosi identificarea biomettica (e.g: 
amprenta sau retina), necesitand insa echipamente speciale. Tot in cadrul sistemelor 
de securitate intra si gidu! de protectie (firewall, filtru care verifică orice pachet de date 
vehiculat si decide daca poate trece mai departe (din/spre Internet). 

Pentru unele demonstratii privind tehnologiile de securitate, a se vedea si adresele 
gifts.zenExpress.com sau www.iCat.com. 

Contul de comerciant — contul de comerciant este diferit de conturile bancare 
obişnuite, utilizate în afacerile tradiționale. El permite acceptarea de plăți prin cărți 
de credit sau de debit ca formă de plată electronică provenită de la clienți. 

Din momentul în care am primit un cont de comerciant, vom poseda si un număr 
de identitate al comerciantului (Merchant ID), plus un terminal la punctul de vânzare 
(POS — Point Of Sale). Un terminal POS poate comunica prin intermediul liniilor 
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telefonice, într-un mod similar faxului, cu banca. Prin intermediul acestuia se citesc 
şi se înregistrează informaţiile despre consumator de pe banda magnetică a unei 
cărţi de credit sau de debit. Mai mult, tot in responsabilitatea terminalului POS este 
activitatea de trimitere a informaţiilor şi detaliilor tranzacţiei către instituţiile 
autorizate să proceseze plata (Visa, Mastercard etc.) sau la banca emitentă, dacă este 
vorba de o carte de debit. Acestea furnizează răspunsul dacă fondurile (ori creditul 
existent) sunt suficiente efectuării plăţii şi autorizează sau declină tranzacţia. Aşadar, 
terminalul POS este folosit atunci când se utilizează mecanisme ale comerțului 
electronic, dar în contextul unor puncte de desfacere reale. Terminalul POS poate 
procesa, de asemenea, informaţii furnizate de cardurile inteligente. 

Pentru situația in care comunicarea prin intermediul terminalului POS nu este 
posibilă din varii motive (eg: întrerupere temporară), tranzacţia poate fi totuşi 
procesată manual la un număr de telefon gratuit. 

Pentru a obţine un cont de comerciant, de cele mai multe ori se apelează la o bancă, 
dacă aceasta oferă astfel de servicii. Există şi instituţii non-bancare care furnizează 
servicii de acest gen, si care in plus pun la dispoziţie şi mecanismul de 
tranzacţionare în timp real, via Web, împreună cu autorizaţia contului de 
comerciant. Furnizorul contului de comerciant poate influenţa alegerea sistemului 
de coş de cumpărături care trebuie să ofere mecanisme de procesare a 
indentificatorului comerciantului şi a cardurilor inteligente. 

De asemenea, trebuie să avem în vedere taxele de procesare, diferite de cele de la 
cărțile de credit standard, şi maniera de realizare a tranzacţiilor: manuală sau 
automată, în timp real. 

Realizarea comenzii electronice — desigur, există mai multe opţiuni de expunere a 
produselor oferite şi de expediere on-/ine a comenzilor. Cea mai simplă modalitate 
este de a realiza o serie de pagini Web destinate prezentării produselor si de a 
concepe un formular XHTML pentru interacțiunea cu utilizatorul, în vederea 
preluării şi trimiterii prin poşta electronică a comenzii acestuia. Pentru un număr 
redus de produse, această soluţie este fezabilă, fără a necesita decât actualizarea 
manuală a listei acestora. Dacă numărul produselor este/devine mai mare, va trebui 
să luăm în calcul o soluţie dinamică, constituită fie dintr-o serie de programe 
(disponibile gratuit pe Web sau realizate de un programator plătit), fie dintr-o 
aplicaţie complexă de comerț electronic care oferă integrare cu sisteme de gestiune 
a bazelor de date — e.g: soluţii gratuite precum MySOL şi PostgreSQL sau cele 
comerciale ca DB2, Oracle şi Microsoft SOL Server — şi mecanisme de autentificare si 
secutitate (pusă la dispoziţie de compania de găzduire a sitului Web sau de o 
corporație soft). 

Programele simple care pot fi luate de pe Web prezintă o serie de dezavantaje: 
dificultate în instalare, dependenţă de platformă sau navigator, lipsă de suport 
tehnic sau de documentaţie, funcţii reduse sau inexistente pentru publicitate on-line, 
nu oferă instrumente de administrare a portofoliului de clienţi, posedă facilități 
limitate de expunere a produselor, pot fi insuficient testate etc. 

Modalităţi de plată electronică — alegerea metodei de plată depinde în principal de tipul 
de sit de comerț electronic: B2C (adresat consumatorului) sau B2B (dedicat 
tranzacţiilor de afaceri). După cum am văzut în secțiunea anterioară, câteva dintre 
modalităţile de plată utilizate sunt cartea de credit sau debit, cecul, ordinul de plată 
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sau viramentul. Dacă pentru siturile de tip B2C cea mai frecventă metodă de plată 

este cartea de credit, la cele de tip B2B sunt folosite mai ales ordinele de plată şi 

viramentele bancare. 

De remarcat faptul că pentru tranzacţiile B2B, clienţii implicaţi dețin de obicei cont 

de firmă şi solicită eliberarea unei facturi. Este necesară, de asemenea, verificarea 

solvabilitatii clientului înainte de trimiterea mărfii. 

Mecanismul implementând coşul de cumpărături trebuie să ofere suport pentru 

colectarea informaţiilor necesare expedierii produsului si procesării tranzacţiei 

(inclusiv facturarea, dacă este cazul). 

Pentru tranzacţiile care implică prelucrarea informaţiilor referitoare la cărțile de 

credit, pot exista două opţiuni: 

° procesarea manuală — implică următorii pași: 

- autentificarea — confirmarea faptului că numărul cărţii de credit este valid si 

nu este furat; 

- autorizarea — confirmarea existenţei fondurilor necesare plăţii; 

- iniţierea procesului de transferare a banilor. 

Etapele descrise sunt parcurse în regim off-line, prin transmiterea informaţiilor de 
pe cartea de credit prin telefon sau prin intermediul unui terminal POS furnizat 
o dată cu contul de comerciant. Autentificarea şi autorizarea se realizează înainte 
de expedierea produsului, în timp ce transferul banilor are loc numai după ce 
produsul se află deja în drum spre consumator; 

* procesarea in timp real — în totalitate computerizată, implică mai multi furnizori 
independenţi de servicii: banca firmei şi cea a clientului, companiile de cărți de 
credit sau debit, ofertantii de servicii de plată etc. 

Întregul mecanism va fi iniţiat prin apăsarea unui simplu buton sau prin 
activarea unei legături de tipul „Cumpără acum” („Pay now!’). Deşi poate părea 
relativ complicat, furnizorul de găzduire Web poate asigura funcţionarea 
întregului sistem, iar interfața de administrare sau cea către clientul final poate fi 
uşor de manevrat. Trebuie să fim atenţi însă la taxele percepute în astfel de 
situații. 

Procesarea în timp real nu este întotdeauna necesară. Pentru un număr ridicat 
de tranzacţii simultane, timpul de procesare poate fi critic. 


6. Publicitatea — sintagma ,,Construieste situl si vor veni apoi si clienţii” nu este valabilă 


pentru siturile Web tradiționale, asa cum s-a afirmat în trecut, şi cu atât mai putin in 

cazul magazinelor virtuale. Strategiile de marketing şi de publicitate sunt absolut 

necesare pentru a obține succes pe Web. 

Eficienţa reclamei on-line (e-advertising) depinde de maniera de utilizare a diverselor 

strategii, dintre care putem enumera: 

e stabilirea clară a obiectivului — orice proces de comunicare debutează cu fixarea 
obiectivelor campaniei de marketing. Printre acestea ar putea fi 
construirea /consolidarea loialității față de o marcă (brand), intensificarea 
procesului de vânzare al produsului/serviciului la care se face reclamă, creşterea 
traficului sitului, îmbunătăţirea serviciilor dedicate consumatorilor. Ideal este ca, 
în timp, să le putem realiza pe toate, dar, în primul rând, trebuie să luăm în 
calcul un set de priorități menite a răspunde necesităţilor de moment; 
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° definirea mesajului publicitar — trebuie să ne asigurăm că mesajul publicitar va 
răzbate printre celelalte de acelaşi fel. Principiile de bază, specifice publicităţii on- 
line sunt: 

- mesajul trebuie să fie cât mai lizibil, uşor de parcurs si relevant în raport cu 
obiectivul propus; 

- textul mesajului trebuie limitat la 5-7 cuvinte, deoarece un mesaj scurt este 
mai repede înţeles si poate atrage atenţia vizitatorilor. Trebuie să ţinem cont 
de faptul că utilizatorii sunt grăbiţi întotdeauna; 

- reclama trebuie folosită pentru a determina vizitatorii curiosi să viziteze situl. 
De aceea, mesajul scurt trebuie să fie incitant, asociind textului o informaţie 
grafică. Trebuie să stabilim cât de mult trebuie spus pentru a-i atrage pe 
vizitatori să afle mai multe; acest gen de persuasiune trebuie realizată cu 
discreţie, iar mijloacele — de primă mână (de exemplu, grafica trebuie să aibă 
un nivel profesionist); 

e facilitarea navigării prin sit — promisiunea făcută în mesajul publicitar trebuie să se 
regăsească şi pe situl care se încarcă în urma cick-ului vizitatorului pe reclama on- 
line. Pentru ca utilizatorul să fie determinat să viziteze cât mai mult din sit, 
navigarea trebuie să se desfășoare cât mai rapid, într-o manieră structurată, dar 
simplă. Altfel campania riscă să fie ineficientă sau compromisă din pricina 
problemelor de construcţie a sitului. Un aspect important este cel al actualizării 
cu regularitate a informaţiilor, mai ales în sectiunile-cheie. Asupra informaţiilor 
noi trebuie în principal atrasă atenţia. A se vedea şi capitolele următoare; 

e utilizarea capacităților interactive ale Internetului — interactivitatea deosebeşte cel mai 
tare reclamele o7-/pe de cele tradiţionale. Marketingul are de câştigat prin 
realizarea de sondaje de opinie direct de pe sit, prin dezvoltarea unei comunități 
a clienţilor fideli, prin posibilitățile de feedback puse la dispoziţie etc. Succesul pe 
Web nu depinde atât de mult de aptitudini, cât de perseverență şi de 
adaptabilitate. 

Oriunde apare numele/sigla firmei trebuie să fie prezentă şi adresa Web a sitului: pe 

toate materialele listate (cărți de vizită, broşuri, foi cu antetul organizaţiei, 

comunicate de presă etc.), pe cadourile promoţionale (pixuri, agende şi altele), în 
orice apariţie publicitară în mass-media. Pentru a creşte gradul expunerii, multe 
firme afişează adresa Web a sitului propriu în secțiuni speciale ale principalelor 
periodice, ale publicaţiilor de afaceri şi ale mediei comerciale de profil. Spoturile 

publicitare televizate trebuie obligatoriu să includă informaţii privind adresa Web a 

firmei. 

Se poate merge mai departe, stabilind care mijloace de promovare pe Web ar 

avantaja afacerea noastră. Printre cele mai importante mijloace pot fi menţionate: 

campania de afise (bannere) publicitare — un afis publicitar (banner) reprezintă de fapt o 
imagine (statică sau animată), la care este ataşată o legătură spre un sit Web, 
plasată de cele mai multe ori la începutul paginilor care înregistrează traficul cel 
mai mare dintr-un anumit sit. Taxele pentru plasarea unui banner se calculează de 
obicei in raport cu numărul de expuneri sau de c/ick-uti (urmarea propriu-zisă a 
legăturii spre care indică imaginea). Compania care vinde spaţiile publicitare 
trebuie să deţină un program de urmărire a traficului pentru a oferi rapoarte 
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statistice complete despre campania publicitară cu plată (acest program este 
plasat pe un aşa-numit server de publicitate — ad server). 

De exemplu, o reţea internațională de banner-e care, în plus, cumpara/vinde 
spaţii publicitare, incluzând şi o serie de situri româneşti este ValueClick — 
www .valueclick.com. 

Un banner poate avea dimensiuni variate, studiile efectuate relevând faptul că 
dimensiunea cea mai des utilizată, cea tradițională, este de 468x50 de pixeli, 
urmată de 120x60. Se constată că dimensiunile cele mai eficiente nu se bucură 
însă de o utilizare foarte largă. 

După crearea banner-elor, se efectuează un studiu asupra aspectelor demografice 
ale siturilor-tinta, pentru a fi găsite cele mai potrivite, după care se recurge la 
negocierea afişării. Ca soluție complementară se poate dezvolta propriul sistem 
publicitar, ca exemple de soluţii comerciale pentru servere de publicitate putând 
fi date AdServer (NetGravity) şi Open AdStream (RealNetworks). Se pot folosi si 
programe de tip script, majoritatea disponibile gratuit pe Web, dar care nu ofera 
facilitatile aplicatiilor profesioniste. 

De asemenea, un sit Web poate apela doar la serviciile de urmărire a traficului, 
servicii puse la dispoziţie de diverse companii internaționale sau naţionale, 
gratuit sau cu plată, în funcţie de traficul înregistrat. Pentru România, cele mai 
cunoscute sunt Trafic, Grafitat sau Statistici, iat dintre cele internationale 
menţionăm FreeStats şi TheCounter. Unele dintre acestea oferă şi posibilități de 
cumpărare de spaţiu publicitar. 

Unii proprietari de situri consideră că vânzarea de afişe publicitare nu reprezintă 
un model viabil de afaceri Web, nici în străinătate şi nici pe plan local. Una 
dintre greșelile comune este adoptarea de strategii publicitare similare celor din 
mass-media tradiţionale, care nu pot fi eficiente în cazul unui sit. Publicitatea 
bazată pe întreruperi (żnzerruption based advertising), larg practică la radio sau 
televiziune unde receptorii mesajului se găsesc într-o stare pasivă, nu poate 
funcţiona într-un mediu on-line, deoarece Web-ul are o dinamică diferită, iar 
utilizatorii participă activ; 


* programele de schimb de afise publicitare — cel mai utilizat mijloc publicitar on-/ne din 


România, acest sistem presupune înscrierea la un serviciu de interschimb de 
conţinut publicitar al unor companii. Unul dintre cele mai cunoscute servicii de 
acest gen era GoldenClick. Altele sunt GoldenBanners  — 
www.goldenbanners.ro sau AdServer — www . adserver. ro. 

Rata de expunere poate fi de la 1:1 până la 1:3 (un banner al companiei noastre 
este afişat în cadrul altui sit Web, în schimbul afişării a 1, 2 sau 3 afișe 
publicitare ale altor organizații în cadrul sitului nostru). Evident, cea mai bună 
rată de schimb este cea de 1:1, însă este rar practicată, din motive comerciale. 
Cele mai multe rețele utilizează rata de 1:2. Pentru a obține o mai bună 
vizibilitate a banner-ului nostru pe alte situri, se pot cumpăra afişări suplimentare; 
afilierea la programe publicitare — acest tip de program stimulează vânzările oferind 
siturilor înscrise într-o astfel de rețea comisioane pentru fiecare vânzare realizată 
prin intermediul rețelei. Promovarea produselor şi serviciilor disponibile se 
realizează cu ajutorul reclamelor grafice, a banner-elor şi a legăturilor text. 
Sistemul de afiliere asigură urmărirea clienților şi contorizarea vizitelor şi a 
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vânzărilor efectuate pentru fiecare sit în parte, prin intermediul unui cod unic de 
identitate. Un astfel de program este <AffiliateWorld = — 
www.AffiliateWorld.com; 

° realizarea de legături reciproce — este una dintre cele mai eficiente forme de 
publicitate o7-/pe, fără a fi costisitoare, dificultatea constând în a găsi situri cu un 
conţinut complementar, dispuse să accepte un astfel de schimb care s-ar putea 
dovedi avantajos ambelor părți (eventual, prin realizarea unor discount-uri 
clienților ambelor situri de comerț electronic). Multe situri oferind servicii 
electronice (e.g: felicitări) recurg la această strategie. Unele motoare de căutare 
consideră numărul de legături externe către un sit drept un criteriu de listare a 
adresei sitului respectiv printre primele; 

e directoarele cu plată — reprezintă directoare specializate de obicei pe un segment de 
piaţă care percep taxe pentru listarea siturilor de profil. La fel, anumite motoare 
de căutare (że. Altavista sau Google) pot realiza acţiuni publicitare pentru diverse 
situri contra unui anumit comision sau pe bază de abonament. Astfel, în urma 
căutării unor anumiţi termeni (numiţi si ad-words), primele afişate sunt siturile 
Web înscrise cu plată. Oricum, înscrierea gratuita la principalele motoare de 
căutare este obligatorie pentru a mari gradul de accesare a sitului; 

° inelele Web — un inel Web (web ring) este constituit dintr-o serie de situri având o 
tematică înrudită, comună (¢.g.: muzica heavy-metal). Siturile participante se leagă 
unul de altul prin intermediul unor legături text/grafice, afişate de cele mai 
multe ori la finalul unei pagini. Aceste legături conduc la situl precendent si la 
cel următor din inel ori la un sit care listează toate siturile afiliate la respectivul 
inel. În acest mod se poate realiza şi o comunitate de vizitatori cu preocupări 
similare. 

Desigur, un sit poate fi înscris, de obicei gratuit, la mai multe inele tematice. 

Alte practici publicitare pot recurge la prezenţa (indirectă) pe forumuri, b/og-uri sau 

portaluri Web, care pot atrage un număr relativ mate de vizitatori. 


3.6.3 Strategii de marketing on-line 


Multe dintre aspectele comerţului tradițional pot evolua de la o viziune centrată pe 
ofertant la una centrată pe client. O afacere centrată pe client (customer-centered business) 
poate fi organizată în jurul unui produs sau organizată astfel încât să întâlnească toată 
necesităţile unui grup particular de clienți. Dacă prima abordare se mai numeşte şi strategia 
canalului principal (channel master), a doua poartă numele focalizarea clientului (customer 
magnet). De asemenea, în cazul e-business-ului, de cele mai multe ori nu se comercializează 
produse ale lumii reale (compuse din atomi), ci produse ale lumii informaţionale (compuse 
din biţi). Astfel, afacerea noastră devina una de distribuţie digitală de bunuri şi servicii. 
Strategia axată pe canalul principal a fost adoptată de compania Cisco Systems, pe baza 
a patru aspecte importante: 
= atragerea clienţilor (oferirea unui catalog on-line complet, inclusiv a unui demo 
privitor la modul de comandare a produselor, cu actualizarea permanentă a 
ofertei); 
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= interacțiunea cu clienţii (catalogul on-/ine permite căutarea, rasfoirea si configurarea 
achiziţiilor; diverşi agenţi inteligenţi sugerează alternative si identifică erorile 
survenite); 

= coordonarea procesului de comandare (clienţii pot monitoriza sau recepționa 

notificări despre starea comenzilor efectuate); 

= oferirea de servicii post-comandare (clienții pot avea acces la documentatii 

detaliate privitoare la produse, inclusiv la ajutor on-/ine privitor la exploatarea 
acestora). 

Una dintre metodele de succes este cea a ofertei de produse gratuite, atragerea vizitatorilor 
si satisfacerea acestora transmitandu-se informal şi către alte persoane. Dacă localizarea 
este aspectul de care se tine cont în cadrul comerțului fizic, atunci „gratuit” reprezintă 
termenul magic în marketingul ov-/ne. Oamenii pot fi atrasi către sit prin faptul că li se 
oferă mostre sau informaţii gratuite (de exemplu, documente de tipul white paper în care se 
realizează prezentarea problematicii principale a contextului de afaceri al firmei). Un 
exemplu pozitiv este următorul: 56% din companiile americane au afirmat că afacerea li s-a 
dezvoltat cu 20% în cazul in care au oferit o vedere 3D a unor produse oferite. Există şi 
situaţii negative, un studiu întreprins de Jupiter Research concluzionând că 67% din 
tranzacţiile on-/ine au fost abandonate de utilizatori din pricina dificultăţilor întâmpinate în 
navigarea prin sit şi a lipsei de asistență umană (să ne amintim de cazurile frecvente când în 
alegerea unui produs apelăm la sfaturile unor vânzători competenţi ai unor magazine 
reale). Oferta de produse gratuite poate fi adoptată şi în cazul în care se doreşte lansarea 
unui produs sau brand nou pe piaţă. 


ALTE CĂRŢI DE SABIN BURAGA 


APLICATII WEB LA CHEIE. STUDII DE CAZ IMPLEMENTATE IN PHP 
Autor(i): Sabin Buraga 

Categoria: Calculatoare 

Editura: Polirom [2003] 

Colecţia: Calculatoare, informatica; 

Preţ: 235.000 lei (23,50 lei noi) 


Comandă | 


PREZENTARI MULTIMEDIA PE WEB. LIMBAJELE XHTML+TIME SI SMIL 
Autor(i): Mihaela Brut,Sabin Buraga 

Categoria: Diverse 

Editura: Polirom [2004] 

Colecţia: Calculatoare, informatica; 

Preţ: 189.000 lei (18,90 lei noi) 


Detalii | _ Comandă | 


— | PROGRAMARE WEB IN BASH SI PERL (CARTEA INCLUDE SI UN CD) 


pjesme Autor(i): Sabin Buraga, Victor Tarhon-Onu,Stefan Tanasa 
nsi W Categoria: Calculatoare 

Editura: Polirom [2002] 

Colecţia: Linux; 

Preţ: 260,000 lei (26,00 lei noi) 


_ Detalii _ Comandă | 


Autor(i): Sabin Buraga,Gabriel Ciobanu 
Categoria: Calculatoare 

Editura: Polirom [2001] 

Colecţia: Linux; 

Preţ: 169.000 lei (16,90 lei noi) 


- | ATELIER DE PROGRAMARE IN RETELE DE CALCULATOARE 


| Detalii | | Comandă | 


Oferirea de recomandări suplimentare clienților unui e-shop 
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Pentru companiile având ca profil prelucrarea datelor (e.g.: analiştii financiari, firmele de 
realizare a sondajelor etc.) se poate da un comunicat de presă prin care se anunţă lansarea 
unui important produs informaţional. La fel, celelalte categorii de organizaţii comerciale 
pot, de asemenea, să transmită diverse informaţii menite a ameliora viaţa consumatorilor şi 
a potenţialilor clienţi. Aceştia pot avea acces la anumite articole, în mod gratuit, iar dacă îşi 
vot da seama că situl este actualizat regulat, ei se vor întoarce periodic şi vor răspândi 
vestea despre noutăţile apărute. 

Astfel, o altă strategie importantă este ‘mcurajarea vizitelor repetate pe situl nostru. Dacă 
scopul principal al sitului este de a crea o imagine de marcă sau dacă vizitatorii cumpără 
produsele ghidaţi de impresiile determinate de designul sitului, este esenţial să convingem 
actualii/ potenţialii clienţi să revină pe sit. 

Oferind avantaje şi stimulând vizita clienţilor, asigurându-le satisfacția pe tot parcursul 
sitului, îi vom determina să se întoarcă. Printre mijloacele comune de a realiza aceasta se 
enumara oferirea de articole interesante sau sfaturi utile (cazul unor companii de cosmetice 
furnizând informaţii privitoare la realizarea unui machiaj potrivit). 

Ca şi în comerţul clasic, se poate adopta si o acţiune de campanii promoţionale de 
oferire la un pret redus a unor (categorii de) produse. O altă strategie este instituirea unui 
program pentru cumpărătorii fideli, bazat pe reduceri preferentiale de preţuri la unele 
produse ori la acumularea unor punctaje care pot fi convertite în bunuri/servicii. Acest 
aspect va conduce la vizite repetate pe situl Web. 

Actualizările de conţinut sau interfață ale sitului pot fi transmise prin posta electronică 
vizitatorilor care s-au înscris la buletinul informativ pus la dispoziţie, gratis, de sit. 
Utilizarea unei astfel de tactici ajută la crearea unei baze de date care să ajute și la 
determinarea nevoilor si cerinţelor clienților, fapt ce va conduce la creşterea vânzărilor. 

O altă strategie este cea a creării sentimentului de exclusivitate. Creând un domeniu de 
acces cu parolă la o parte a sitului, vizitatorii au senzaţia că aparţin unei comunități 
speciale. Cu această ocazie, prin completarea formularului de înscriere în vederea obţinerii 
parolei de acces, putem culege date demografice preţioase privitoare la aceşti membri. Un 
alt factor important este acela de a oferi posibilitatea de personalizare a sitului (modificarea 
modului de afișare, abonarea la stiri „exclusive” etc.). Exemple notabile sunt My Yahoo! sau 
My Netscape. Utilizatorul doreşte să perceapă că este un fel de proprietar al fragmentului de 
sit la care are acces exclusiv. 


Portal 


My Portal 
tesults Ajax 
Mowies Amsterdam 


Train schedule 


My bank account 
Options Back 


Honey 
Entertainment 
Hews 
Options 


Migrarea de la conținutul general la unul personalizat 
în accesarea unui portal disponibil pe telefonul mobil 


De asemenea, putem recurge la efectuarea periodică de anchete. Ca dezvoltatori ai unui 
sit de comerţ electronic ne-ar plăcea să stim ce gândesc ceilalți despre afacerea noastră. 
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Paginile Web pot cere opinia vizitatorilor asupra problemelor de navigare pe sit, de afișare 
a conţinutului, de achiziţionare a unui produs etc. (prin completarea unui sondaj de opinie 
— survey). 

De asemenea, putem să ne formăm o părere asupra unor probleme din domeniul în 
cate lucrează utilizatorul. Sondajele servesc scopului adițional de a culege statistici 
folositoare de la grupul-tinta vizat, utile în cercetările de marketing. Dacă informaţia merită 
a fi făcută publică, putem apela la presa scrisă ori putem afişa informaţiile respective chiar 
pe sit. Este cunoscut faptul că multe motoare de căutare (Że. Excite) oferă zilnic sondaje de 
opinie. Vizitatorii îşi pot face cunoscute opiniile asupra anumitor subiecte şi pot vedea 
rezultatele imediat. Dacă sondajele puse la dispoziţie sunt atractive şi diversificate, 
vizitatorul poate fi stimulat, de asemenea, să revină si a doua zi pe situl respectiv. 

Organizarea unui sondaj de opinie se poate realiza în funcţie de mesajul care se doreşte 
a fi transmis sau care consolidează poziţia firmei. Compania Gallup întreţine un sit pentru 
sondaje pe Internet dând posibilitatea diferitelor persoane să-şi exprime opiniile sau/și să 
parcurgă rezultatele unor sondaje celebre. 

Captarea unei atentii mărite asupra unui sit, determinând si revenirea utilizatorilor pe 
acel sit, se poate realiza si prin organizarea de concursuri on-line. De exemplu, compania Sunny 
Delight oferea studenţilor la colegiu şansa de a câștiga o bursă de zece mii de dolari, 
concurs cate s-a bucurat de atenţie națională in revista USA Today. La fel, Macromedia a 
instituit un concurs international pentru utilizatorii aplicaţiei F/ash în determinarea celui 
mai atractiv sit Web folosind această tehnologie multimedia. Concursurile sunt cele mai 
indicate atunci când întăresc misiunea sau valorile firmei care sponsorizează aceste 
concursuri, eventual în conjunctie cu tombole virtuale. Un alt tip de concurs poate încuraja 
folosirea produselor companiei, constituind o mişcare de marketing inteligentă. De 
exemplu, în cadrul unui concurs se poate cere oamenilor să explice motivul pentru care au 
neaparata nevoie de produsul vândut pe Web. Câştigătorii pot fi promovați în ziare locale 
şi la televiziune, ceea ce poate constitui un alt beneficiu. În cazul Amazon, care are 
câştigători zilnic, există numeroase posibilități de publicitate în multe pieţe locale, in mod 
constant. 

De reţinut: cu cât concursul are legătură tot mai strânsă cu produsele şi misiunea 
firmei, cu atât rezultatul general va fi mai eficient în a consolida misiunea de marketing. În 
acest sens, un alt exemplu concludent este cel al companiei Microsoft. 

De cele mai multe un marketing on-/ine eficient depinde de soluţiile informatice alese 
pentru realizarea managementului relaţiilor cu clienții (CRM — Customer Relationship 
Management). 


3.7 Concluzii 


Desigur, afacerile pe Web reprezintă un domeniu in continua evoluţie, imprevizibil, dar cu 
un potential incredibil. Principalele provocări tehnice pentru activitățile de e-business sunt 
legate de securitatea tranzacţiilor, de construirea unei infrastructuri adecvate, de facilitarea 
accesului la date in diverse forme, de pe platforme diferite, inclusiv de pe cele mobile, de 
integrare a sistemelor existente, de gestionare coerentă a conţinutului şi de accelerare a 
transferului de informaţii. Managerii firmelor actuale se confruntă, la rândul lor, cu diverse 
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provocări cărora desigur trebuie să le facă față: bugetele alocate, tehnologia utilizată, 
instruirea personalului, îmbunătăţirea serviciilor pentru clienți sau găsirea unor noi 
clientele. 

Asistăm la diverse tendinţe pe termen scurt sau mediu, dintre care printre cele mai 
interesante se numără comunicațiile fără fir, schimbul de date XML, mărirea latimii de 
bandă, adoptarea unor soluţii electronice de management al personalului întreprinderilor, 
personalizarea serviciilor, crearea unor interfeţe flexibile cu utilizatorul şi accesarea 
informaţiilor indiferent de localizare. 

Viitorul nu va fi legat exclusiv de tehnologiile folosite, ci de asumarea sarcinii 
dezvoltării permanente a unei culturi organizaționale, focalizata pe activităţile de e-business — 
si, simultan, -business —, plecând de la premisele realităţii. De altfel, previziunile analistilor 
economici afirmă că afacerile de succes ale viitorului apropiat vor fi serviciile — specializate 
si totodată elitiste, adresate publicului larg — si mai putin comercializarea on-line de bunuri. 
În ceea ce priveşte afacerile business-to-business, unul dintre paşii importanţi îl va constitui 
trecerea la reţelele de procesare a afacerilor (BPN — Business Process Networks), constituindu- 
se un cadru informatic sofisticat permițând unei companii să isi extindă infrastructura 
tehnologică în manieră controlată. De altfel, deja există diverse corporaţii de renume, 
precum BowStreet, IBM, Iona sau Oracle, care oferă soluţii BPN. 


Comentarii bibliografice 


Domeniul afacerilor pe Web, fiind la punctul de confluență a mai multor discipline, se 
dovedeşte extrem de amplu. Drept resursă bibliografică indispensabilă se poate menţiona 
cartea lui D. Amor, The E-Business (Revolution, Prentice-Hall, 1999 (mulțumim Lilianei 
Ibanescu pentru facilitarea accesului la acest material). O lucrare prezentand ,,stilul de viata 
Web” si modelarea afacerilor prin prisma tehnologiilor Internet este B. Gates, (Afaceri cu 
viteza gândului, Fditura Amaltea, Bucuresti, 2000. Altă carte care poate prezenta interes este 
G. Winfield Treese, L. C. Stewart, Designing Systems for Internet Commerce, Addison-Wesley, 
1998. Diverse informatii destinate in principal factorilor de decizie din cadrul companiilor 
sunt disponibile la http://www. ibm. com/e-business/playbook. 

Relaţiile complexe dintre Internet şi societatea umană sunt discutate in excelenta carte 
N. Negroponte, Era digitală, Editura All, Bucuresti, 1999. O lucrare privitoare la branding 
este W. Olins, Nou? ghid de identitate, Comunicare.to, Bucuresti, 2004. 

Cititorul interesat de domeniul afacerilor pe Web poate consulta colecţia revistei eWeek, 
special dedicată acestui subiect — eweek.agora. ro. Alte articole interesante au apărut 
de-a lungul ultimilor ani in PC Magazine Romania — www .pcmagazine.ro şi NET Report 
— www. netreport.ro. De asemenea, cititorul poate parcurge materialele disponibile 
on-line la adresele: 

e AdKnowledge Library — www.arahne.ro/akl/ 

e Afaceri pe Internet — www.afaceri.net 

*  OneBiz—www.onebiz.8m.net 

În ceea ce priveşte metodele de plată, furnizăm câteva adrese referitoare îndeosebi la 
cardurile inteligente: 

e Open Card — www. opencard.org 

* Smart Card Industry Association — www. scia.0rg 

* The Smart Card Resource Center — www.smart-card.org 
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Pentru detalii privind diverse aspecte ale securității informatice, in general, şi ale 
securității comerțului electronic, în special, se pot consulta si lucrări precum V. Patriciu ez 
al., Securitatea comertului electronic, Editura All, Bucureşti, 2001 şi D. Oprea, Protectia şi 
securitatea informaţiilor, Editara Polirom, Iasi, 2003. Securitatea aplicaţiilor Web va fi tratată 
în cadrul capitolului al cincilea al cărții de fata (vezi secțiunea 5.2.7). 

Cititorii interesați de subiectul întreprinderilor virtuale pot parcurge M. Cioca, 
Conducerea asistată a unităților economice, Fdituta Universității „L. Blaga”, Sibiu, 2004 şi T. 
Torres-Coronas, M. Arias-Oliva, e-Human Resources Management: Managing Knowledge People, 
Idea Group, 2005. În ceea ce priveşte e-karning-ul, cititorii interesaţi pot studia conţinutul 
volumelor C. Holotescu, Ghid ELearning, Editura Solness, Timisoara, 2004 şi M. Brut, S. 
Buraga, Prezentări multimedia pe Web, Editura Polirom, Iasi, 2004 si al siturilor de la adresele 
www .elearningeuropa. info sau www. educause.edu. 

În ceea ce priveşte construirea de magazine virtuale, există diferite aplicaţii dedicate 
acestui scop — comerciale sau gratuite — disponibile pe diverse platforme. Pe CD-ul cărții, 
în cadrul secțiunii „Resurse”, cititorul poate găsi o serie de adrese Web utile. De asemenea, 
sunt incluse diverse aplicaţii şi programe menite a facilita dezvoltarea de situri de comerţ 
electronic şi nu numai, dintre care menţionăm eZ Publish, osCommerce şi Sugar Suite — soluţii 
open-source pentru implementarea de magazine virtuale pe platformele Linux si Windows 
2000/XP. 


4. CREAREA PAGINILOR WEB 


Orul face un câmp rodnic nu numai cu sapa şi tazmana, ci şi cu ceea ce 
gândește in timp ce sapă si răstoarnă pământul. (Sandor Márai) 


În cadrul capitolului de fata vor fi descrise cele mai importante aspecte privind 
conceperea de pagini Web prin intermediul limbajului XHTML. De asemenea, 
vor fi prezentate foile de stiluri în cascadă CSS, utile pentru atasarea unor 
proprietăţi de stil elementelor XHTML, şi o serie de tehnici de optimizare a 
codului-sursă utilizat la structurarea şi redarea documentelor Web. 


4.1 Limbajul XHTML 


Un document hipermedia poate fi identificat prin următoarele caracteristici fundamentale: 
structură, continut si formă. Dacă forma de vizualizare este dependentă de programul de 
afişare a informaţiilor conţinute de acel document (în cazul nostru un navigator Web), 
structura si conţinutul său trebuie să aibă un format general de reprezentare, pentru a fi 
asigurate portabilitatea şi independenţa de platformă. Acest format este asigurat şi furnizat 
de Limbajul de marcare (sau de adnotare) XHTML — Extensible HyperText Markup Language. 
Considerat ngua franca a Web-ului, HTML a provenit din SGML, fiind o aplicaţie majoră a 
acestuia, actualmente fiind înlocuit de XHTML, bazat pe XML. 


4.1.1 Caracterizare 


De reţinut faptul că XHTML nu este un limbaj de programare, ci unul declarativ. Limbajul 
XHTML utilizează marcatori (tag-uri) descriptivi pentru definirea modului de prezentare şi a 
structurii logice a unui anumit document hipertext. Termenul marcaj (markup) a fost folosit 
initial pentru a descrie anumite adnotări, note marginale în cadrul unui text, inserate de 
autor cu intenţia de a indica tehnoredactorului (tipografului) cum trebuie cules sau listat un 
anumit pasaj, dacă nu chiar omis. Exemple de astfel de adnotări ar fi sublinierea unor 
anumite cuvinte, recurgerea la diverse simboluri speciale, imprimarea unor părți de 
document cu un corp de literă (font) specificat etc. Cum formatarea si imprimarea textelor 
au fost ulterior automatizate, aria lingvistică a termenului „marcaj” s-a extins pentru a 
acopeti toate tipurile de coduri de marcare inserate în textele electronice cu scopul de a 
indica modul de formatare, listare ori alte acţiuni. 

Generalizând, putem defini marcajul sau codarea drept orice acţiune de a interpreta în 
mod explicit un fragment de informaţie. Codificarea datelor (în particular, a textelor) 
pentru procesarea computerizată este similară, în principiu, cu transcrierea unui manuscris 
din scriptio continua într-un format special, intern, dictat de utilizator (autor, tehnoredactor, 
editor etc.) folosindu-se — explicit sau nu — unele directive/marcaje care definesc maniera 
de interpretare a conţinutului acelor date. 
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Printr-un mbaj de specificare înţelegem, astfel, un set de convenții de marcare utilizate 
pentru codificarea datelor. Un limbaj de marcare trebuie să specifice mulțimea de marcaje 
obligatorii, permise, maniera de identificare a marcajelor si semantica fiecărui marcaj 
disponibil (similar procesului de specificare a sintaxei şi semanticii unui limbaj de 
programare). 


Elemente 


Termenul tehnic pentru textul marcat este e%ment, acesta fiind văzut ca o componentă 
structurală a unui document. Diferite tipuri de elemente au asignate diferite nume, cele 
corespunzătoare limbajului XHTML find stabilite de către Consorţiul Web. Fiecare 
element trebuie specificat explicit într-un anumit mod, cea mai comună modalitate fiind 
aceea de a insera un marcaj (748) la începutul unui element (zag de incepu?) şi unul la sfârşitul 
lui (numit zag de sfarsif), ambele purtând numele asignat elementului. Perechea zag de început 
— fag de sfârșit este folosită la încadrarea fiecărei apariții a elementului respectiv în cadrul 
unei pagini Web (într-un mod similar utilizării diferitelor tipuri de paranteze ori semne de 
punctuație, ca în exemplul folosirii ghilimelelor pentru a delimita un citat). 

Astfel, forma unui element generic va fi <element>...</element>, unde 
<element> specifică un zag de început şi </element> un fag de sfârşit, iar element 
este numele unui element oarecare permis de specificaţiile XHTML. Numele unui element 
nu poate începe cu un număr și nici nu poate conţine spații. 

Un element poate fi vid (nu conţine nimic între 7ag-ul de început si cel de sfârşit) sau 
poate conţine un text, inclusiv alte elemente. Mai multe elemente de același tip pot fi 
imbricate. Astfel, relaţiile dintre elementele XHTML pot fi privite în termeni de secvenţă, 
apariție, ierarhie, grupare sau incluziune. Semantica fiecărui element definit este stabilită de 
către Consorţiul Web, fiind aplicată în mod corespunzător — chiar dacă uneori cu mici 
diferenţe — de către fiecare navigator. 

Lista tuturor elementelor permise de XHTML 1.01 este disponibilă pe CD-ul cărții. 


Atribute 


Un atribut este utilizat cu scopul de a se descrie o anumită proprietate a unei apariții 
particulare a unui element. De exemplu, un element paragraf poate accepta ca atribut 
opţional modul de aliniere (la stânga, la dreapta sau centrat), alinierea nerealizându-se decât 
pentru paragraful în cauză şi neavând efect la celelalte paragrafe (context local). Atributele 
vot apărea doar în cadrul zag-ului de start, nu si în zag-ul de sfârşit, altminteri apărând 
redundanta. Pentru un element pot exista oricate atribute, atât timp cat sunt declarate 
corect. 

Fiecare atribut are stabilit un nume — compus din caractere literale — şi poate avea 
drept valori, în mod uzual, şiruri de caractere sau numere întregi delimitate de ghilimele. 
Astfel, specificarea generică a unui atribut va avea forma atribut="valoare". De 
notat faptul că numele unui atribut poate fi identic cu numele unui element. 

Pe CD-ul cărții de fata cititorul interesat va putea regăsi precizările privind numele 
atributelor XHTML, valorile permise şi contextul apariţiei lor. 
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Entitati 

O entitate reprezintă o parte de text care are asociat un nume (in general, o entitate poate 
avea ca valoare un şir de caractere sau un simbol particular). Pentru XHTML, entităţile 
sunt fixate prin specificaţiile redactate de Consorţiul Web. 

Utilitatea majoră a acestei facilități este dată de posibilitatea de generate a unor 
simboluri speciale sau a unor caractere din codul extins pentru alfabete ale unor limbi ca 
româna sau greaca. Se poate accesa, de exemplu, o entitate atunci când se doreşte folosirea 
unor simboluri speciale a căror apariţie în text în forma lor normală ar genera confuzii 
navigatorului Web (de exemplu, caracterul rezervat „<” folosit de obicei ca delimitator de 
nume de element, într-un 742). 

Accesarea unei entități se va realiza prin intermediul referintelor la entități, folosindu-se 
construcția sintactică &nume entitate; (caracterul „&”, urmat de numele entității, 
apoi de ,,;”). XHTML oferă posibilitatea ca o referință la o entitate caracter să fie 
specificată atât prin numele ei simbolic, cât si prin codul numeric al caracterului respectiv, 
referinta caracter fiind prefixata în acest ultim caz de ,,&#” si sfarsindu-se tot cu ,,; ”. 

Câteva exemple (pentru lista completă a entităţilor XHTML consultați CD-ul): 


e &lt; desemnează caracterul special ,,<”; 

e &copy; poate fi folosită pentru a genera ,,©” (simbolul copyrizbă; 
e &icirc; referă caracterul ,,i”; 

e &#8212; poate fi utilizată să genereze caracterul „—” (em dash). 


Declaraţia tipului de document 


Fiecare versiune de XHTML se conformează unei definiţii formale stabilite de Consorţiul 
Web si reprezintă în fapt un tip de document. Această defintie este denumită definiția tipului 
de document — DID (Document Type Definition) şi se găseşte la un URI din cadrul sitului 
Consortiului Web. Un DTD este un fişier text conţinând reguli care stabilesc mulțimea de 
elemente si atribute, valorile acestora, ca si structura unui document XHTML (maniera de 
apariție a elementelor şi atributelor, precum si relaţiile dintre ele). 

Pentru a putea fi procesate şi de analizoarele XML ori pentru a preciza exact setul de 
elemente si atribute folosit (set corespunzător uneia dintre versiunile HTML 2.0, HTML 
3.2, HTML 4.0, HTML 4.01 sau XHTML 1), paginile Web pot include ca primă linie o 
declaratie a tipului de document. 

De exemplu, conform specificației XHTML 1.0 (apărută în anul 2000), marcajele dintr- 
un fişier XHTML vor fi precedate de una dintre liniile: 


<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"DTD/xhtmll-strict.dtd"> 


<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"DTD/xhtmll-transitional.dtd"> 


<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"DTD/xhtmll-frameset.dtd"> 
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corespunzând celor trei variante de DTD-uti stabilite de Consorţiul Web: 


=  stridd (fără a conţine elemente si atribute considerate demodate; construcţiile 
demodate fiind păstrate numai pentru compatibilitatea cu versiunile HTML mai 
vechi), 


= ranzitională (putând să apară şi elemente sau atribute demodate), 


= cu cadre (oferind suport pentru cadre). Pentru ultima variantă, corpul 
documentului va fi înlocuit cu mulțimea de cadre (frame-uri) din cate va fi 
compusă pagina Web prin intermediul construcției 
<frameset>...</frameset> — a se vedea anexa disponibilă pe CD-ul 
cărții de fata. 


4.1.2 Formatul unui document XHTML 


Pentru formatarea si structurarea datelor, XHTML pune la dispoziţie un număr de 
elemente si de atribute. După cum am văzut mai sus, marcajele se încadrează între 
delimitatorii „<” şi „>”, putând exista /ag-uri de început si de sfârşit. Numele de elemente 
şi atribute vor fi scrise cu minuscule (ca si XML, limbajul XHTML este case-sensitive). 


Forma generală a unei pagini Web 


Fişierele XHTML sunt fişiere text obişnuite (ASCII sau, mai nou, Unicode) având extensia 
„html (sau . htm) şi sunt divizate în două parti: antetul (bead) şi corpul (body). 
Astfel, o pagina Web marcată cu /ag-uti XHTML are forma generală: 


<html> <=> tag obligatoriu ==> 
<head> <!-- început de antet ==> 
</head> <!-- sfârşit de antet --> 
<body> <!-- început de corp ==> 
</body> <!-- sfârşit de corp --> 
</html> <!-- sfârşit de document --> 
După cum probabil cititorul şi-a dat seama, construcția <!-- ... --> reprezintă 


modalitatea de a insera comentarii în cadrul unui document XHTML. Se recomandă 
utilizarea comentariilor pentru a fi oferite informaţii privitoare la conţinutul paginii Web, 
data şi motivul crearii/actualizarii acesteia sau pentru a fi explicate anumite construcții sau 
prelucrări mai complexe realizate. 

De reținut faptul că modul de spaţiere a /ag-urilor nu are importanță, spaţiile albe 
(caracterele spaţiu, zab sau new line) fiind ignorate. In exemplul prezentat, puteam scrie toate 
tag-urile pe aceeaşi linie, cu acelaşi efect. 

O altă observaţie este aceea că, în momentul procesării sursei paginii, navigatorul Web 
nu va semnala nici o eroare dacă găseşte incluse în cod elemente sau atribute necunoscute, 
acestea fiind ignorate tacit. Pentru un element necunoscut, va fi luat în consideraţie doar 
conţinutul acestuia, cuprins între /g-ul de început şi cel de sfârşit. Dacă un atribut are o 
valoare invalidă (sau vidă), aceasta va fi înlocuită automat cu valoarea implicită a acelui 
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atribut, valoare care se găseşte specificată în DTD-ul variantei XHTML folosite. De 
asemenea, construcţiile XHTML eronate (eg: marcaje închise greşit) vor fi ignorate de 
browser (dar nu şi de alte programe, precum roboții Web), procesându-se numai conţinutul 
acestora. 

În cadrul antetului (care nu este obligatoriu), printre altele, poate apărea titlul 
documentului (al paginii Web) specificat de zag-ul <title>. Uzual, acest titlu va fi afișat 
de navigator pe bara de titlu a ferestrei în care se vizualizează acea pagină. 

Un exemplu: 


<title>Proiectarea siturilor Web</title> 


De obicei între <head> şi </head> apar definiţii de subprograme (rutine) scrise in 
limbaje de tip script (precum JavaScript), definiţii de stiluri CSS ori meta-elemente, pentru a 
ne asigura că sunt analizate şi memorate de navigator (antetul fiind procesat primul). 


Elemente uzuale 
În cadrul corpului unui document XHTML pot apărea diverse elemente pentru a specifica: 


e stilul de afişare 
<b> (îngroșat), <i> (înclinat), <u> (subliniat, <strong> (îngroșat), <em> 
(intensificat), <big> (mai mare), <small> (mai mic), <sub> (indice), <sup> 
(exponent), <font> (dimensiune, culoare şi familie de font), <pre> (text 
preformatat), <code> (cod sursă), <center> (centrat) 


e titlurile 
<h1> ... <h6> (şase tipuri) 

e secțiunile 
<div> (diviziune), <p> (paragraf), <hr> (linie orizontală), <br> (trecere la linie 
nouă) 

e listele 


<ul> (listă nenumerotata), <ol> (listă numerotată), <li> (element de listă), 
<dir> (listă de directoare), <menu> (meniu) 

* conținutul grafic 
<img> 

e tabelele 
<table> (început de tabel, <tr> (linie de tabel), <td> (definiție de celulă), 
<th> (celulă de antet), <thead> (secțiune de antet de tabel), <tbody> (secțiune 
de corp de tabel) 

e legăturile (ancorele) 
<a>, <base>, <link> 

e formularele electronice 
<form> (definiţie), <input> (câmp de interogare), <select> (listă de selecţie), 
<option> (opţiune), <textarea> (câmp textual organizat pe linii) 

e cadrele (frame-utile) 
<frameset> (definire), <frame> (cadru), <noframes> (alternativă de afişare, 
dacă nu sunt suportate cadrele) 

* suportul pentru includerea de cod-sursă scris în alte limbaje 
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<applet> (applet Java), <script> (cod JavaScript sau VBScript), <object> 
(obiect generic, e.g.: ActiveX, prezentare multimedia etc.) 

suportul multimedia 

<embed> (extensie Netscape), <bgsound> (extensie Internet Explorer), 
<object> (obiect generic: animaţie Flash, lume virtuală VRML/X3D, fişier 
sonor ori video etc.) 

extensiile 

<meta> (meta-date și alte directive), <span> (modificarea modului de afișare) 


Caracteristicile şi prevederile principale ale limbajului XHTML sunt următoarele: 


elementele nevide trebuie, obligatoriu, să aibă /ag-uri de sfârşit. Astfel, paragrafele 
marcate prin intermediul lui <p> vor avea specificat si /ag-ul de sfârşit </p>. 
Elementele declarate ca având conţinut vid, precum <hr>, <br>, <input>, 
<option> sau <img>, fie vor fi urmate de /ag-ul de sfârşit, fie vor fi scrise in 
forma specială <element /> (ag: <br /> ori <img />). Însă este interzis să 
scriem <li /> din moment ce acest element nu este declarat ca fiind vid (vom 
utiliza <li>...</li>); 

tag-utile de început şi de sfârşit trebuie imbricate corect. Expresii precum 
<p><b><i>XHTML</b></p></i> sunt considerate eronate; 

valorile atributelor (chiar şi cele numerice) vor trebui incluse între ghilimele. 
Construcţiile ca <hr width=300 align=right> sunt considerate greşite; 
anumite atribute puteau fi scrise in HTML fără a li se asocia valori (aşa-numitele 
atribute booleene), że. noshade, readonly, noresize, compact sau 
checked. În XHTML, un astfel de atribut va trebuie obligatoriu urmat de 
valoarea sa, ca în exemplificarile de mai jos: 


<input type="text" readonly="readonly" name="adresa" /> 
<hr noshade="noshade" width="300" /> 


de asemenea, XHTML impune următoarele restricții suplimentare: 

- elementul title trebuie să apară imediat după elementul head; 

- elementele a, form, label nu pot include alte elemente a, form, label; 

- elementul pre nu poate conţine elementele img, object, big, small, sub 
şi Sup; 

- button nu poate să includă elementele input, select, textarea, 
label, button, form, fieldset, iframe ori isindex. 


Printre beneficiile folosirii documentelor XHTML in locul celor HTML pot fi amintite: 


separarea prezentării (realizată exclusiv via CSS) de structura logică a conţinutului 
propriu-zis, ceea ce contribuie la o mentenanţă mai bună şi la îmbunătăţiri în ceea 
ce priveşte accesibilitatea si interoperabilitatea pe diverse platforme (de exemplu, 
paginile HTML complexe, abuzând de tabele imbricate sunt dificil sau imposibil 
de vizualizat pe dispozitive de genul PalmTop); 

minimizarea dimensiunii documentelor şi simplificarea structurii interne 
(documentele XHTML valide pot fi vizualizate, procesate si verificate recurgand la 
instrumente XML); 

extinderea documentelor XHTML prin includerea de alte tipuri de conţinuturi, 
precum grafică vectorială specificată în SVG (Scalable Vector Graphics), ecuaţii 
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matematice definite cu marcaje MathML sau prezentări multimedia sincronizate 
create în SMIL (Synchronized Multimedia Integration Language). 


Validarea documentelor Web 


Pentru a verifica dacă paginile Web sunt valide conform specificațiilor XHTML putem 
folosi serviciul Vakdator pus la dispoziţie de Consorţiul Web sau aplicaţia gratuita Tidy 
dezvoltată initial de Dave Raggett. Acest program este disponibil de sine stătător pe mai 
multe platforme (eg: Windows, Linux, Unix) sau încorporat în alte aplicaţii. De asemenea, 
el se găseşte şi pe CD-ul cărții. 

În cele ce urmează, vom valida o pagină Web folosind utilitarul Tidy în vatianta RPM 
pentru Linux. Documentul HTML pe care încercăm să-l testăm este: 


<html xmlns="http://www.w3.0rg/1999/xhtml"> 
<head><title>Test</title></head> 

<body bgcolor=white text=blue> 

<p>Document <i>XHTML</p></i>. 

<hr width=50% size=3> 

</body> 

</html> 


Ruland Tidy vom obţine: 
(infoiasi)$ tidy test.html >test-tidy.html 


HTML Tidy 
Parsing "test.html" 
line 4 column 21 - Warning: missing </i> before </p> 
line 4 column 25 - Warning: discarding unexpected </i> 
line 6 column 1 - Warning: <hr> element not empty 

or not closed 


test.html: Doctype given is "-//W3C//DTD XHTML 1.0 
Transitional//EN" 
test.html: Document content looks like XHTML 1.0 
Transitional 
3 warnings, 0 errors were found! 


To learn more about HTML Tidy see 
http://tidy.sourceforge.net 

Please send bug reports to html-tidy@w3.org 
HTML and CSS specifications are available from 
http: //www.w3.org/ 

Lobby your company to join W3C, see 

http: //www.w3.org/Consortium 


Fisierul XHTML rezultat este test-tidy.html al cărui conţinut urmează: 


<!DOCTYPE html PUBLIC 
"-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http: //www.w3.org/TR/xhtml1/DTD/xhtml1- 
Eransi tional .dtd"> 
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<html xmlns="http://www.w3.0rg/1999/xhtml"> 
<head> 
<meta name="generator" 

content="HTML Tidy, see www.w3.org" /> 
<title>Test</title> 
</head> 
<body bgcolor="white" text="blue"> 
<p>Document <i>XHTML</i></p> 


<hr width="50%" size="3" /> 
</body> 
</html> 
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HTML errors and warnings 


line 16 column 62 - Warn... A 

line 18 column 25 - Warn... discarding unexpected <...> 

line 18 column 48 - Warn... 

line 18 column 59 - Warn... Cause: : | , , 
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line 321 column 16 - War... currently not expected. 

line 325 column 25 - War... Opening tag: the tag is not at his place. 
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Utilizarea extensiei HTML Validator pentru Firefox pentru validarea codului XHTML 
(acest plugin recurge la Tidy pentru semnalarea şi eventuala corectare a erorilor survenite) 


Utilitarul Tidy poate fi folosit şi pentru a converti vechile pagini HTML în documente 
XHTML. O parte dintre editoarele Web de ultimă generaţie generează cod XHTML valid. 

Se pot utiliza, drept validatoare, si navigatoarele Web actuale (eg.:, Mozilla, Firefox, 
Opera, Internet Explorer), schimbând extensia fişierului din .html in . xml şi inserând la 
începutul documentului construcţia <?xml version="1.0"?>. Astfel, pagina va fi 
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considerată de analizorul inclus in navigator ca fiind document XML, taportandu-se 
erorile sintactice în cazul în care codul nu este conform specificaţiilor. 


) Test - Mozilla Firefox 
File Edit 


View Go Bookmarks Tools Help 


XML Parsing Error: not well-formed 
Location: file:///K:/invalid.xml 
Line Number 3, Column 15: 


<body bgcolor=white text=blue> 


A 


E] K:\invalid_xml - Microsoft Internet Explorer 


File Edit View Favorites Tools Help 


The XML page cannot be displayed 


Cannot view XML input using XSL style sheet, Please correct the error 
and then click the Refresh button, or try again later. 


A string literal was expected, but no opening quote character 
was found. Error processing resource 
‘file: / 4 #K:/invalid.xml". Line 3, Position 15 


<hody bgcolor=white text=blue> 
A 


3 My Computer 


Folosirea navigatoarelor Mozilla Firefox si Internet Explorer 
pentru validarea documentelor SHTML 


Modulele XHTML 


XHTML oferă mai mult decât o reformulare a HIML-ului în XML, modularizând HTML 
printr-o colecţie de mulțimi de /ag-uri, blocuri de construcție a conţinutului Web. 
Modulele propuse sunt cele prezentate mai jos: 


e modulul de bază — specifică tipurile de date şi modele de bază XHTML, împreună 
cu setul minimal de elemente pentru conceperea unui document marcat: html, head, 
title, base, meta, link, body, h1-h6, p, br, a, span, div. 


e modulul tranzitional — desemnează acele elemente din HTML 4.01 Profilul 
Tranzitional, dar excluse din profilul strict al HTML: basefont, font, center, s, 
u, conţinând şi definițiile unor atribute ca border, align, noshade. 


e modulul de stiluri — ofera elementul style, atributul style si defineşte utilizarea 
elementului link. 


e modulul script — specifică elementele script şi noscript. 
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e modulul de fonturi — defineşte elementele relative la fonturi existente in HTML 4.01 
— varianta strictă: tt, b, i, big, small. 


e modulul de frazare — desemnează elementele care oferă informaţii despre anumite 
adnotări ale autorului, în cadrul frazei: abbr, acronym, address, blockquote, q, 
cite, code, dfn, kbd, samp şi var. 


e modulul de inflexiune — specifică elemente care nu oferă informaţii referitoare la un 
domeniu, ci doar o indicație despre intenţia autorului: em, pre, strong, sub, sup, 
HE: 


e modulul de editare — oferă elemente referitoare la editarea documentelor (ştergerea si 
inserarea de conținut), precum del şi ins. 


e modulul liste — conține elementele d1, dt, dd, ul, ol, li. 


e modulul de formulare — specifică elementele referitoare la scrierea formularelor: 
form, input, textarea, select, optgroup, option, label, button, 
fieldset, legend, isindex. 


e modulul de generare a tabelelor — conţine elementele table, caption, col, 
colgroup, thead, tbody, tr, th şi td. 


e modulul hărți de imagini — specifică elementele map şi area. 
e modulul applet-uri — include applet si param pentru suportul app/er-urilor Java. 
e modulul obiecte — specifică elemente ca object si param. 


e modulul cadre — defineşte elementele, considerate demodate, referitoare la utilizarea 
cadrelor: frameset, frame, iframe, noframes. 


În funcţie de necesităţi, o anumită aplicaţie Web va putea recurge doar la o parte dintre 
modulele enumerate mai sus (de exemplu, în contextul dispozitivelor mobile având 
posibilități mai reduse de procesare, se vor putea folosi numai modulele: de bază, 
tranzitional, script şi liste). 


4.1.3 Conceperea documentelor XHTML 


Avand la dispozitie elementele si atributele oferite de standardele XHTML, putem crea 
otice document Web, oricat de complex ar fi acesta, recurgand doar la un simplu editor de 
texte, cu ajutorul căruia putem redacta succesiunea de /ag-uri şi date corespunzătoare 
documentului respectiv. 


Editoare (X)HTML 


Pentru redactarea documentelor (X)HTML, recomandăm utilizarea unui editor de texte cu 
suport pentru limbaje de programare, deoarece autorii posedând cunoştinţe din ce în ce 
mai largi de proiectare şi programare Web vor dori cu siguranță să aibă acces la cât mai 
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multe facilități de editare. Pentru platforma Windows, în locul banalului Notepad pot fi 
utilizate mai comodele şi flexibilele programe U/traEdit şi TextPad (disponibile în varianta 
shareware) sau Notetab şi PSPad (gratuite) care operează la nivelul codului-sursă. $i sistemul 
de operare Linux oferă o paletă larga de editoare, de la mai simplele pico şi joe (în mod text) 
sau KWrite, KATE şi gedit (in mod grafic, disponibile în medii KDE şi, respectiv, 
GNOME), până la vim, mcedit sau Emacs. 
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HTML Tidy Ln 1068, Col, 18, CW 


Mod: 11.07.2002 12:05:48 File Size: 107232 


Editarea codului XHTML cu UltraEdit 


De asemenea, putem recurge la editoare de cod (X)HTML mai complexe, specializate, 
precum 7st Page, AceHIML Pro, BBEdit, Coffee Free HTML, HotDog, HTML Kit şi 
tsWebEditor (sub Windows) sau BlweFish şi Quanta Plus (pentru Linux). Toate aceste 
exemple de aplicaţii nu folosesc paradigma WYSIWYG (What You See Is What You Get) — 
nefiind editoare grafice — ci oferă suport în procesul de concepere a documentelor Web 
celor care cunosc măcar elementele si atributele (X)HTML uzuale. Unele dintre ele posedă 
însă şi o serie de alte facilităţi: asistenţi pentru realizarea de pagini dinamice, sabloane de 
documente, validatoare de cod XHTML, navigator Web încorporat, suport pentru 7ag-uri 
proprietare, biblioteci de srpr-uri (eg.: JavaScript, Perl, PHP), completarea automată a 
codului si altele. 
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Utilizarea editorului PSPad (disponibil gratuit) 


Majoritatea aplicaţiilor amintite mai sus oferă la editare si mecanismul de syntax 
highlighting, adică diferite scheme de colorare a elementelor, atributelor, proprietăţilor etc. 
introduse de autorul documentului. 

O altă clasă de aplicaţii care pot fi folosite în procesul de concepere a documentelor 
X)HTML este cea a uneltelor de editare (authoring tools) care oferă in principal un mediu de 
lucru vizual pentru realizarea de pagini și situri Web. Se pot aminti — pentru Windows — 
sofisticatele Macromedia Dreamweaver sau Adobe GoLive, iat corespunzător platformei Linux, 
un proiect ambițios este SCREEM (Site CReating and Editing EnvironMent). Această 
categorie de aplicaţii oferă posibilitatea urmăririi relaţiilor dintre diferitele documente, 
încorporând facilităţi de parcurgere a legăturilor şi de vizualizare a structurii sitului generat. 
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Standard Fonts | Tables | Lists | Forms | Other 


© & 29 | less) O |42033;) Exclamation mark > 


<head> | 
<title:: CSBLog: <!!topic!!></title 

<meta http-equiv="Content-Type" 

content="text/html; charset=1S0-8859-2" /> 

<link rel="stylesheet" href="<!!styles!!>" type="text/css" /> 

<l.. metadata --> 

<meta name="description™ content= 

"CSBlog :: personal blog of Sabin-Corneliu Buraga” /> 

<meta nane="keywords" content= 

“weblog, blog, Sabin Corneliu Buraga, Romania, Iasi, Perl, content, dyna 
idea, hypertext, imagination, <!!topic!!>" /> 

<meta nane="author" content= 

"Sabin Corneliu Buraga - busaco@infoiasi.ro" /> 

<meta nane="owner" content= 

"Sabin Corneliu Buraga - busaco@infoiasi.ro" /> 

<!-- avoiding IE ‘image toolbar’ --> 

<meta http-equiv="imagetoolbar" content="no" /> 

</head> 

<body text="2000000" bacolor="#FFFFFF"> 

<a name "top" ic"top"></a 


K| 20040903-170203.esblog || $) headertmp! | 


=== = SSS 


ajal 


nx 


“XHTML 1.0 Transitional" is used for "/home/busa co/public_htmliro_csblogite mplate Fa 
+ 


+ II fea] 


Editarea paginilor Web folosind Quanta Plus 
(elementele XHTML se regăsesc ușor via arborele asociat documentului) 
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IE Adobe GoLive 
Special Site Design Movie Window Help 


Structure 


Header 
Alignment 
List 


Nobrea 


x E] cv.html profile htrnl 
WL experience 


WL hobbies 
WL jobs 


WD languages pub.html 


8) 
research html * 


€) poems.html| 
> @) profile. html 


Inspectarea structurii unui sit Web cu Adobe GoLive 


Se cuvin menţionate şi mai modestele Nefscape/Mozilla Composer si Microsoft Frontpage, 
utile neprofesionistilor pentru generarea rapidă a paginilor Web. 


a Eile Edit View Insert En Table T ees 
494% 4 95488 
Image H.Line Table Link Anchor 


= E = = = 


tt eee 


[FONT) Reproducerea 3E sau integrala, prin orice mijloace, 
a cartilor incluse in [8)Biblioteca on-line a editurii este 
interzisa. 
(BJIMPORTANT: Nereg 
incalcare a dreptului 
pedepseste conform legii Anchor Name: 


EEN Voi folosi cartile 
strict personal. Nu voi rg 
integral aceste carti fara CoC PEMETEHSELE 


Named Anchor Properties 


(=) (EENTJEDITURA POLIR 

ormat si alte titluri, cl 

Biblioteca on-line, in cava a E 
ibrarii. Pentru aceasta va rugam sa ne = contactati la adresa 


(A) office@polirom.ro. 


a [eh 
TJ Show All Tags 


D G7 | Done loading page 


Un instantaneu de folosire a componentei Composer inclusă in Mozilla 
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Formulare electronice 


În continuare, vom prezenta succint modalităţile de realizare în XHTML a formularelor 
electronice, extrem de utile mai ales pentru interacțiunea cu utilizatorii, deoarece permit 
introducerea de date diverse care vor putea fi prelucrate ulterior — de regulă pe serverul 
Web — de către anumite programe (script-uri). 

Formularele pot varia de la o simplă casetă de text — care permite introducerea unui şir 
de caractere, cu rol de expresie de interogare, de exemplu, ca în cazul unui motor de 
căutare pe Web —, până la o structură complexă, cu multiple opţiuni, oferind facilități 
puternice de transmisie a datelor — ca în cazul unui formular de înscriere la o conferinţă. 

Există două maniere prin care informaţiile dintr-un formular pot fi transmise de la 
navigatorul care vizualizează formularul la serverul Web — situat undeva în Internet. 
Atunci când datele introduse în formular sunt incluse în URL-ul de destinaţie ca sir de 
interogare (după caracterul „?”), avem de-a face cu metoda denumită ,,GET” sau cu un 
formular de tip „get” (este utilizată metoda GET a protocolului HTTP). O metodă 
alternativă este aceea in cate URL-ul destinaţie arată perfect normal, fără alte elemente 
suplimentare adăugate la sfârşitul adresei Web, informaţiile introduse în formular fiind 
transferate prin metoda POST a protocolului HTTP. În această a doua situaţie avem o 
metodă „POST” sau un formular de tip „post”. 

Vom descrie mai jos construcțiile XHTML destinate definitii formularelor Web. 

Un formular XHTML apare inclus in pagina Web prin intermediul elementului 
<form> având atributele obligatorii action="url" şi method="metoda". URL-ul 
indică fişierul sau aplicaţia aflată pe serverul Web care urmează să prelucreze informaţiile 
din formulat, iar metoda poate fi GET sau POST. 

În cadrul marcajului <form> se pot insera atât fg-uri XHTML uzuale, cât şi diverse 
elemente particulare, indicând modalităţi de introducere a datelor în cadrul formularului. 
În cea mai mare parte, toate câmpurile unui formular, destinate introducerii datelor, sunt 
specificate prin intermediul elementului <input>, utilizându-se atribute specifice. 

Atributele uzuale ale unui element <input> sunt următoarele: 


e type="tip" indică tipul câmpului de introducere a datelor (vezi mai jos); 

* name="nume" furnizează numele câmpului, acest nume urmând a fi folosit de 
către programul de prelucrare a formularului; 

e value="valoare" conţine valoarea implicită a câmpului de intrare; 

e checked="checked" indică pentru un buton de selecție dacă acea opţiune este 
selectată implicit sau nu; 

e disabled="disabled" specifică faptul că o opţiune sau un buton de selecție 
sunt inhibate; 

e size=" număr" stabileşte lățimea de afişare a unui câmp de date (în mod uzual, 
un câmp text); 

* maxlength="număr” determină lungimea maximă a valorilor introduse de 
utilizator într-un câmp de tip text; 

e  readonly="readonly" indică faptul că un câmp nu poate fi modificat. 


Dacă se doreşte introducerea unor informaţii text pe mai multe linii, se poate utiliza 
elementul <textarea>. Pentru realizarea unor casete de validare (având butoane sau 
opţiuni multiple) se foloseşte elementul <select> (vezi 77/72). 
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Navigatoarele Web curente permit utilizarea într-un acelaşi formular a unor tipuri 
diverse de câmpuri de intrare (elemente <input>), fiecare dintre acestea determinând un 
format diferit de ieşire. Tipurile de intrări (dialoguri) care pot fi specificate sunt 
următoarele: 


1. text este tipul prestabilit, cu atributul size utilizat pentru a se specifica lățimea 
de afişare a casetei de dialog care se creează pentru introducerea unui şir de 
caractere. Următorul cod XHTML va genera un astfel de dialog text (in acest 
exemplu, câmpul text este complet inutil, fiindcă nu va fi prelucrat de nici un 
program): 

<form> 
<input type="text" size="30" 

value="Text initial" name="subiect" /> 
</form> 


2. password (parolă) specifică un camp de text, în care datele introduse de utilizator 
vor fi afişate prin caracterul „*” sau alte simboluri, din motive de securitate. 
Atributul maxlength poate fi folosit pentru precizarea numărului maxim de 
caractere permis pentru parolă. În mod uzual, valoarea acestui câmp va fi trimisă 
necriptată serverului Web. 


<TOrm> 
<p>Parola: 
<input type="password" name="parola" 
size="20" maxlength="25" /></p> 


</form> 
Inregistrare 
Prenume: 
Nume: lonescu 
E-mail: fgelu@scmoldova.iseduro | 
Parola: 


Confirmare parola: [ecccccccce 


Indiciu pentru Statiunea preferata 
parola: at 


Utilizarea combinată a câmpurilor de tip text si password 


3. hidden (câmp ascuns) permite transmiterea unor informaţii programului care 
prelucrează datele introduse, fără ca utilizatorul să le vadă pe ecran. De obicei este 
folosit în cazul în care pagina Web conţinând formularul este generată automat. 

<input type="hidden" 

name="adresa" value="web@infoiasi.ro" /> 


4. checkbox (buton de validare) creează o singură casetă (negrupata) de validare; 
prin atributul checked putem preciza că aceast dialog urmează a fi marcat 
implicit. 
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<form> 
<h5 align="center" >Mă abonez la ştiri: 
<input type="checkbox" checked name="stiri" /><br /> 
Mesajele vor fi filtrate: 
<input type="checkbox" name="filtru" /></h5> 
</form> 


5. radio (buton radio) afişează un buton de interblocare; diferitele butoane radio 
cate au acelaşi atribut name=" valoare" sunt grupate in mod automat, astfel 
încât doar un singur buton din grup poate fi selectat la un moment dat. 


<Torm> 
<p>Vizualizare: 
<input type="radio" name="viz" value="auto" /> 


automata 

<input type="radio" name="viz" value="manual" 
checked="checked" /> manuală 

<input type="radio" name="viz" value="inhibat" /> 
inhibata 


</p> 
</form> 


6. button (buton) va genera un buton generic, util pentru prelucrarea formularelor 
pe partea client (prin intermediul scrpr-urilor). 
<form> 


<input type="button" name="buton" value="Continuă" /> 
</form> 


schimba grup 


Web Group Sabin Buraga 
ASP.NET Gabriel Enea 


0 XE O 


LUG Ciprian Iftode 


4 


grup de start 


schimba | renunta 


Utilizarea efectivă a câmpurilor de tip radio si checkbox 


7. submit (transmitere) afişează un buton care va avea ca efect transmiterea 
informaţiilor introduse în formular către resursa specificată de atributul action al 
elementului <form>. 


<form method="get" 
action= 
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"http://www.infoiasi.ro/fcs/search/search.pl.cgi"> 
<p>Cauta in Cadrul. paginilor 
Facultăţii de Informatică:</p> 
<input name="termeni" 
size="50" maxlength="100" value="" /> 
<input type="submit" value="Caută acum" /> 
</form> 


8. image este identic cu submit, dar în locul unui buton va fi afişată imaginea 
specificată, urmând ca, atunci când se va executa clic pe ea, datele din formular să 
fie trimise către serverul Web. 


<input type="image" src="cauta.gif" alt="Cauta" /> 


9. reset (initializeaza) permite utilizatorilor să şteargă conţinutul tuturor câmpurilor 
formularului (unele navigatoare vor seta câmpurile la valorile iniţiale specificate prin 
atributul value). 


<Prorm> 
Numele: 
<inpu 
Sor / 
Varst 
<inpu 
<br 7 
<inpu 
<inpu 

</form> 


type="text" name="nume" size="20" /> 


type="text" name="ani" size="2" /> 


type="submit" value="Trimite datele" size="25" /> 
type="reset" value="Sterge" size="25" /> 


Gh gh Wer E Yet 


10. file (fişier) oferă posibilitatea de a li se permite utilizatorilor să transmită 
serverului Web un fişier (acţiunea de upload). 

<p>Dati un nume de fişier sau alegeţi unul:</p> 

<form> 
<input type="file" name="fisier" size="30" /> 

</form> 
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RoCHI 2005 
A doua conferinţă de Interacţiune Om-Calculator 


15-16 septembrie 2005, Cluj-Napoca, Romania 


Înregistrarea unei lucrări 


chi Vă rugăm, completaţi toate câmpurile formularului de mai jos. Utilizati acest 
formular pentru fiecare lucrare în parte pe care o propuneţi spre evaluare 
Apel de participare Comitetului ştiinţific. 
Teme Titlul lucrării: [Ergonomia interfetelor Web 
g Konqueror 20x 
Z = „ro 
fs ^ ig ® a Ake [E vfor-xeth3/docsixmt-dtd-4.2/ 7 ormatica 
B ent 6) dbpoolx.mod Ê 
>) calstbix.dtd 2) docbookx.dtd 
M catalog ®) soextblx.dtd 
a Trimite 
©) dbcentx.mod 
Documents 6) dbgenent.mod 
a 9) dbhierx.mod ualizare: 02 februarie 2005 | Sus 
©) dbnotnx.mod 
Home Folder 
Eo Tm 
+) Filter: All Files \% | /9¢ cancel 


„Alegerea unui fisier prin explorarea structurii de directoare locale 


Pentru a realiza liste (meniuri) cu opţiuni multiple, putem recurge la <select>. În 
cadrul acestui marcator se inserează elemente <option> care definesc opțiunile meniului 
detulant. Trebuie să fie specificat un atribut name identificând in mod unic întregul meniu 
definit de un marcaj <select>. 

În cadrul unui “ag <select> putem stabili, de asemenea, prin atributul si ze numărul 
opţiunilor din meniu care vor fi afişate la un moment dat. Atributul multiple va 
specifica dreptul utilizatorilor de a selecta mai mult de o opţiune (mai multe opţiuni se pot 
selecta făcând c/r simultan cu apăsarea tastei Cžr4 selecția mai multor opţiuni adiacente 
putându-se realiza folosind tasta Shit în locul lui CzrĂ. Dacă există o valoare prestabilită, 
trebuie să adăugăm atributul selected (opţiune selectată implicit) la un marcaj 
<option>. În cadrul unui “ag <option> mai poate apărea si atributul disabled 
indicând faptul că acea opţiune este inhibată în acel moment. 

Un exemplu: 


<form name="formular"> 

<p>Protocoale 

<select name="protocoale" size="1"> 
<option value="" 

selected="selected">-- nimic? --</option> 

<option value="HTTP" />HTTP</option> 
<option value="FTP" />FTP</option> 
<option value="NNTP" />NNTP</option> 
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<option value="SMTP" />SMTP</option> 
</select></p> 
</form> 


CSBlog :: Preferintele utilizatorului 


Forumuri 


Puteţi stabili o tema vizuală pentru interfața Web şi, de asemenea, propria d-voastră identitate (nume şi 
afiliere) pentru a fi automat inserată în formularul de editare a mesajelor 


Teme disponibile 


De la: Sabin B 


ya C2004 - Su 


Utilizarea efectivă a elementelor <select> şi <option> 


Elementul <textarea> permite construirea unei casete de editare pe linii multiple, in 
care utilizatorul poate introduce o cantitate mai mare de text (de exemplu, poate trimite un 
mesaj prin posta electronică). Ca si <select>, marcatorul <textarea> poate fi 
identificat în mod unic prin intermediul atributului name. Este posibilă definirea 
dimensiunii unei astfel de casete cu ajutorul atributelor rows (linii) si cols (coloane) care 
specifică numărul de linii din cadrul casetei şi, respectiv, lungimea liniilor. 


<form name="pareri"> 
<textarea name="Scrisoare" rows="3" cols="40" /> 
Trimiteti-ne părerile dumeavoastra... 
</textarea> 

</form> 


Tipurile de campuri prezentate mai sus pot fi folosite combinat pentru crearea de 
formulate electronice sofisticate, utilizate indeosebi in cadrul siturilor de comert electronic. 


a i forum nou 
nume [Programare 


descriere Aveti probleme in programare? Poate gasiti aici 
maxim 255 caractere rezolvarea... 
in 3 randuri (2*enter) ha | 


inreg | renunta 


datele ingrosate trebuiesc completate; 


toate datele pot fi modificate ulterior 


Folosirea câmpului de tip text si a elementului <textarea> 
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„Details for Condominium with FMH Number: 147570 citata 


2of3found P 


Price: $ 20,900 FMH Number: 147570 


Location: BO3, Costache Sibiceanu 


„Semi- Taxes: $100 
Condo Type: Detached Level: 9 


Maintenance: $71.49 


Room Details 
Aprox Age: 0-5 


Surface: 70-80 Rooms: 5 
Exposure: NW Bedrooms: 2 
Bathrooms: 1 

Kitchens: 1 


Features: 
Balcony: Open Heat: Forced Air Insurance Included: Yes 
Basement; None Heat Type: Gas 
Fireplace: Yes Heat Included: Yes Vacant: Yes 
Living Room: No Gas: Yes 
Exercise Room: No Water: Municipal To contact us about your selected 
Laundry: Yes Water Supply: Municipal properties please click below 
Security: No Cable Tv: Yes 
Locker: No 
I Click to Add to Selection [O Click to Clear Selection 


Print Property Details Print Selection Details Print Selection Summary 


Exemplu de formular complex 


La finalul acestei secțiuni vom da un exemplu complet. Definim următorul formular 
care poate fi inclus într-o pagină Web personală, astfel încât posibilii vizitatori să îşi poată 
transmite prin intermediul lui impresiile despre aceasta. 

Programul — in acest caz, un script PHP — care va prelucra valorile câmpurilor 
formularului se numeşte adauga _impresii.php 


<html> 
<head> 
<title>Impresii</title> 
</head> 
<body> 
<form action="adauga_impresii.php" method="post"> 
<!-- folosim un tabel pentru a incadra corect 
câmpurile formularului --> 
<table align="center" cellpadding="4"> 
xtr> 
<td> 
<p>Numele şi prenumele:</p> 
</td> 


<td> 
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<input type="text" name="nume" /> 
</td> 
aftr 
Ser 
<td> 
<p>Ocupatia:</p> 
</td> 
<td> 
<select name="ocupatia" size="1" /> 
<option selected="selected">Student</option> 
<option>Elev</option> 
<option>Cadru didactic</option> 
<option>Altceva</option> 


</select> 
</td> 
</tr> 
<C> 
<cto> 
<p>Varsta:</p> 
</td> 
<td> 
<p> 
<input type="radio" value="sub 18" 
name="virsta" /> 
sub 18 | 
<input type="radio" value="18-25" 
name="virsta" checked="checked" /> 
18=25 
<input type="radio" value="25-35" 
name="virsta" /> 
25=35 
<input type="radio" value="35-60" 
name="virsta" /> 
35-60 
<input type="radio" value="peste 60" 
name="virsta" /> 
peste 60 
</p> 
</td> 
</tr> 
<CE> 
<td> 
<p>Adresa e-mail:</p> 
</td> 
<td> 
<input type="text" name="email" /> 
</td> 


</tr> 
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is a 
<td> 
<p>Impresiile d-voastră:</p> 
</td> 
<td> 
<textarea name="impresii" 
rows="3" cols="40"></textarea> 
</ta> 
</ cE 
<C> 
<td> 
<input type="submit" value="Trimite" /> 
<ta 
<> 
&nbsp; 
</ta> 
<j te 
</table> 
</form> 
</body> 
</html> 


) Impresii - Mozilla Firefox 


File Edit View Go Bookmarks Tools Help 


e->»-300|22[0 


Numele și prenumele: (Alexandrina Orzan 


Ocupația: 


Student 
Vârsta: F 25| O 25-35 | O 35-60] O peste 60 


| Cadru didacti 
Adresa e-mail: eee 


Se pare ca trebuie sa mai revin. 


Impresiile d-voastră: 


Done 


O posibilă completare a formularului 


4.2 Foi de stiluri în cascadă 


Foile de stiluri în cascadă (CSS — Cascading Style Sheets) reprezintă un set de proprietăţi care 
definesc modul de apariţie a construcțiilor (X)HTML în cadrul unui navigator Web. 


Consorţiul Web a conceput şi standardizat două niveluri ale foilor de stiluri: 
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CSS1 (Cascading Style Sheets — level 1) oferă un mecanism simplu care permite 
autorilor si utilizatorilor de pagini Web să ataseze acestora stiluri (de exemplu, 
proprietăţi privind culorile, corpurile de literă si spatierile). 

Limbajul CSS1 este uşor de înţeles şi de folosit de către designerii Web şi exprimă 
stilurile conform terminologiei editării computerizate (desktop publishing). CSS1 este 
recomandare oficială a Consortiului WWW din anul 1996; 

CSS2 (Cascading Style Sheets — level 2) reprezintă o generalizare (extensie) a primului 
nivel de foi de stiluri, aducând în plus facilități de moştenire a stilurilor, efecte 
vizuale, poziționări şi paginari, integrarea mai multor tipuri de media (audio, tipar, 
ecran, TV etc.). CSS2 a fost standardizat în 1998, marea majoritate a proprietăților 
fiind implementate în cadrul navigatoarelor recente. 


În prezent, există o serie de propuneri de redactare a specificaţiilor pentru următorul 
nivel — CSS3. 

Proprietăţile de stil CSS oferă soluţia a cel puţin două probleme cu care se confruntă 
creatorii de documente XHTML: 


eliminarea redundantei stilurilor introduse în paginile Web prin intermediul unor 
marcatori precum <font> (de exemplu, pentru a scrie într-un document zece 
titluri de tip <h3> cu culoare albastră si italic, trebuia să folosim de zece ori /ag-urile 
<font> şi <i>, pentru fiecare titlu în parte); 

îmbogățirea în termeni de design a paginilor Web (limbajul XHTML nu oferă decât 
metode limitate, rudimentare de afişare a informaţiilor, fără a face o distincție clară 
între formă si conţinut; paginile rămân aceleași, având aceeaşi extensie .html, se 
modifică doar maniera de afișare). 


4.2.1 Aspecte de bază 
Modelul de formatare CSS 


În CSS, formatarea se realizează prin intermediul unui model orientat boxă, în care fiecărui 
element îi corespunde una sau mai multe zone (boxe) dreptunghiulare (cu excepţia 
elementelor care au proprietatea display setată cu valoarea „none”). Fiecare boxă este 
constituită dintr-un conţinut înconjurat de următoarele zone opţionale: de protecţie 
(padding area), de chenar (border area), de margine (margin area). 

Există două tipuri de elemente: 


elemente la nivel de bloc (block-leveh — toate elementele care în mod implicit au 
proprietatea display setată pe block sau list-item (element de listă) si 
elementele flotante (pentru care proprietatea float are o valoare diferită de 
none); 

elemente ¿nline — acele elemente a căror formatare nu se realizează la nivel de bloc 
(de exemplu, elementele <b>, <i> sau <sub> din XHTML sunt elemente in/ine), 
având pentru display valoarea inline. 


Astfel, elementele având proprietatea display setată pe block deschid o noua boxă 
de afişare, aceasta fiind poziționată relativ la boxele adiacente conform modelului de 
formatare CSS. Exemple tipice de elemente de acest gen sunt <div>, <p> sau <h3>. 
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Elementele având display setat cu valoarea list-item sunt similare celor anterioare, 
exceptând faptul că este adăugat un marcaj de element de listă (eg.: un bullet sau un număr, 
în funcţie de tipul de listă). In XHTML un astfel de element este <li>. 
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Modelul de formatare orientat boxă 


Elementele cu display stabilit ca fiind inline vor fi incluse într-o boxă de afişare 
de tip zine, aflată pe aceeaşi linie cu conținutul precedent din document. Boxa va fi 
dimensionată potrivit mărimii conținutului formatat al boxei. Dacă elementul conține text, 
acesta poate să apară pe mai multe rânduri si va produce câte o boxă de afișare pe fiecare 
rand în parte. Proprietățile referitoare la margine sau chenar se aplică elementelor ż¿n/ine, dar 
nu au efect la ruperea liniilor. 

În cazul elementelor cu display având valoarea none, afişarea lor va fi anulată de 
către navigator (inclusiv afişarea elementelor copii şi a boxei înconjurătoare). 


Modalităţi de folosire a stilurilor 


Vom descrie în continuare proprietăţile de stil uzuale stipulate de specificațiile CSS. 
Intr-un document XHTML putem utiliza mai multe foi de stil, fiecare având un anumit 
nivel de importanţă. Stilurile sunt în fapt proprietăţi care se pot folosi prin: 


* Definirea în antetul documentului. Stilurile se pot declara cu ajutorul elementului 
<style> în interiorul căruia se amplasează selectorii (elementele XHTML asupra 
cărora se definesc stilurile) urmați de definițiile de stil (având forma 
proprietate: valoare): 


<html> 
<head> 
<title>Foi de stil</title> 
<style type="text/css"> 
hs 4 
font-family: Arial; 
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font-style: italic; 
color: blue; 
) 
</style> 
</head> 
<body> 
<h3>Este albastru, italic si Arial.</h3> 
<p> 
<h3>Si acesta este la fel...</h3> 
</body> 
</html> 


Aceste definiții de stil vor fi plasate întotdeauna în antetul unei pagini Web, 
atributul type="text/css" fiind obligatoriu (prin el se indică faptul că este 
vorba de o foaie de stiluri CSS). 

Putem aşadar observa că forma generală a specificării unui stil este (spaţiile albe 
sunt ignorate, iar comentariile se includ între caracterele ,,/*” şi „* /”): 


selector | /* comentarii */ 
proprietate: valoare; 
proprietate»: valoare; 


Se recomandă ca toate construcţiile CSS să fie inserate între <!-- şi --> (să fie 
declarate drept comentarii XHTML) pentru a ascunde proprietăţile de stil în cazul 
folosirii unor navigatoare vechi incapabile să proceseze marcatorul <style>. 
Astfel, vom scrie: 


<style type="text/css"><!-- 
selector | 

/* proprietăţi CSS... */ 
) 
--></style> 


° Inserarea in cadrul unui marcator (in-line). Putem defini anumite stiluri pentru un zag 
particular folosind atributul style 


<html> 
<head></head> 
<body> 
<h3 style="font-family: Arial; 
font=style: italic; color: blue"> 
Uh titlu albastru, italic şi Arial, 4 </h2> 
<hr /> 
<h3>Pe cand acesta nu este!</h3> 
</body> 
</html> 


În cele mai multe dintre cazuri aceasta este metoda de a modifica stilurile definite 
global. 
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* Legătura cu un fisier extern. În acest caz, toate stilurile se definesc în exteriorul 
documentului HTML, într-un fişier text, având extensia .css, care va fi inclus în 
pagina Web prin intermediul elementului <link>. Putem utiliza astfel un anumit 
fişier .css pentru mai multe pagini sau chiar pentru un întreg sit Web, definind 
astfel stilurile o singură dată. Desigur, în cadrul unui document HTML putem avea 
legături către mai multe fişiere .css. 


<html> 
<head> 
<link rel="stylesheet" type="text/css" 
href="foaie.css" 
title="foaie de stiluri" /> 


</head> 
<body> 
<h3>Un titlu albastru, italic şi Arial...</h3> 
<p>Un paragraf</p> 
<h3>Altul, la fel.</h3> 
</body> 
</html> 


Fisierul foaie.css va conţine următoarele: 
h3 { font-family: Arial; font-style: italic; color: blue } 
p { text-indent: 10px; color: red) 

De asemenea, se pot defini foi de stiluri alternative printr-o construcție de genul: 


<link rel="stylesheet" type="text/css" 
href="web.css" title="Tema implicita" /> 


<link rel="alternate stylesheet" type="text/css" 
href="web2.css" title="Sobru" /> 


*  Importarea unei foi externe. Folosind facilitatea de importare din CSS, se poate include 
o foaie de stiluri astfel: 


<html> 
<head> 
<style text="text/css"> 
=> 
import url("foaie.css") 
--> 
</style> 
</head> 
</html> 
Trebuie să amintim faptul că fişierele CSS pot fi redactate folosind orice editor de 
texte, dar există si instrumente mai comode de editare a proprietăților de stil. Drept 
exemplu, putem da programul TopSżył Lite (disponibil la www.bradsoft.com), 
disponibil gratuit pentru Windows şi oferit pe CD-ul acestei cărți. O listă a celor mai 
cunoscute editoare CSS poate fi regăsită la adresa 
http: //www.w3.o0rg/Style/CSS/teditors. Pentru validarea foilor de stiluri, 
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poate fi folosit serviciul de validare al  Consotţiului Web  — 
http://jigsaw.w3.org/css-validator/. 


Combinarea proprietatilor de stil 


Metodele de utilizare a stilurilor — descrise mai sus — se folosesc de obicei intr-o maniera 
combinată. Daca două foi definesc stiluri pentru același element, cea mai recentă 
(apropiată) definiţie va avea prioritate. 

O proprietate poate avea mai multe valori alternative: 


h3 { font-family: Arial, Helvetica, sans-serif } 


Se recomandă ca ultima alternativă să fie cat mai generală (in acest caz, familia de 
fonturi Sans Serif). Dacă navigatorul nu găseşte nici o potrivire, se vor considera valorile 
implicite. 

Putem imbrica elementele în cadrul unui selector pentru a crea stiluri particulare: 


pi { color: blue } 


Textul se va colora in albastru doar dacă în interiorul zag-ului <p> se va afla <i>: 


<p>Un paragraf care este albastru doar 
<i>aicix</i> .+.</p> 
<i>Acesta este italic si atât!</i> 


De asemenea, selectorii pot fi grupati — pentru a reduce marimea si redundanta unei foi 
de stil — separandu-i prin virgule: 
h2, HS; a, td { 
font-family: Arial; 
font-size: Lept; 
color: blue; 


} 


Marcatorii <h2>, <h3>, <a> si <td> vor avea acelasi stil de formatare. Daca se 
doreşte a se adăuga unui zag particular o nouă modalitate de formatare, se poate scrie inca 
o definiţie de stil: 


h2 { font-style: italic ) 


Numai textul corespunzator elementului <h2> va fi italic. 


Clase si identificatori 


Orice element XHTML poate fi selector, dar uneori dorim să utilizăm definitiile de stiluri 
într-o manieră mai generală. 

Acest lucru se poate realiza prin definirea unei case sau a unui żdentificator, definiţia 
putând fi atașată ulterior oricărui /ag dorit. 

Definirea unei clase se realizează asociind unei mulțimi de proprietăți CSS un nume 
precedat de punct: 


„intens { font-weight: bolder; color: darkred } 
Clasa astfel definita poate fi oricand utilizata in urmatorul mod: 


<p class="intens">Un paragraf intensificat.</p> 
<h3 class="intens">Si un titlu...</h3> 
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Identificatorul se foloseşte similar, dar este precedat de caracterul ,,#” în loc de punct: 

intens { font-weight: bolder; color: darkred } 

Un exemplu: 

<p id="intens">Un paragraf intensificat.</p> 

După cum se observă, pentru a aplica unui marcator proprietăţile de stil cuprinse in 
definiția unui identificator, va trebui să-i dăm atributului id ca valoare numele 


identificatorului. Diferenţa dintre clase si identificatori provine din faptul că fiecare 
element XHTML poate avea un singur identificator (cu nume unic). 


Pseudo-clase şi pseudo-elemente 


Pseudo-clasele sunt clase asociate unui zag particular fără a fi referite în cadrul codului 
sursă XHTML, de cele mai multe ori fiind „insetate” de navigatoare în anumite condiţii. 

Acesta este cazul pseudo-claselor asociate elementului <a>, navigatoarele diferentiind 
în mod automat legăturile vizitate de cele nevizitate, fără a fi necesară nici o precizare în 
codul XHTML: 


a:link { color: red } /* legătură nevizitată */ 
a:visited { color: blue } /* legătură vizitată */ 
a:active { color: yellow ) /* legătură activa */ 


Cele trei linii CSS de mai sus sunt echivalente cu construcția XHTML: 
<body link="red" vlink="blue" alink="yellow"> 


Pseudo-clasele pot fi utilizate si in selectori contextuali: 

a:link img { border: solid; color: green } 

De asemenea, se prevede că in conjunctie cu elementul <a> poate fi folosită si pseudo- 
clasa : hover pentru a modifica proprietăţile de stil la plasarea cursorului vouse-ului peste 
conţinutul desemnând o ancoră. Un exemplu, credem concludent: 

a:hover { 


text-decoration: underline overline; 
color: #33CCEF? 


} 

Ca si pseudo-clasele, pseudo-elementele definesc proprietăți de stil asociate cu un fag 
particular care nu vor fi referite in manieră explicită in codul-sursă XHTML. Spre 
deosebire de acestea însă, pseudo-elementele vor fi active in orice condiţii, acționând doar 
asupra unei parti precizate din conţinutul marcatorului asociat. 

Drept pseudo-elemente se pot menţiona: first-line (aplicabil doar la prima linie a 
unui paragraf sau diviziuni) şi first-letter (prima literă a unui paragraf sau diviziuni), 
cu ajutorul acestora putându-se defini efecte similare celor tipografice: 

/* indentare */ 

p:first-line { text-indent: 5% } 

/* generare letrină */ 

p:first-letter { font-size: 200%; float: left } 


Stiluri in cascada 


170 Proiectarea siturilor Web 


Vizualizarea unei pagini Web (pe ecran, pe hârtie ori pe alte medii) poate fi influențată 
simultan de mai multe stiluri. Motivarea acestei situaţii este dată de următorii factori: 


* modularifatea — un proiectant Web poate utiliza mai multe definiţii de stiluri simultan 
prin indicarea explicită sau implicită a fişierelor CSS dorite; 

e balanța autori cititor — atât autorul unei pagini Web, cât si cititorul ei pot influența 
prezentarea informaţiei incluse în pagina respectivă, navigatoarele actuale permiţând 
folosirea de către cititor a unor stiluri personale. 


Conflictele care pot să apară se rezolvă prin intermediul unor priorități ataşate 
stilurilor. Implicit, ponderile cititorului sunt mai mici decât ponderile regulilor stabilite de 
autor. Atât ponderile autorului, cât si ponderile cititorului sunt prioritare fata de cele 
implicite, ale navigatorului. 

Stilurile importate se află în cascadă cu celelalte stiluri importate, în ordinea importanţei 
acestora. Orice regula explicită, dată în interiorul documentului, are pondere mai mare 
decât regulile aflate în stilurile importate (acest criteriu se aplică şi recursiv, dacă este 
cazul). 

O regulă de stil îşi poate mări ponderea (poate deveni deci mai importantă decât alta) 
dacă este însoţită de declaraţia ! important. lată un exemplu: 


h2 { font-size:14pt!important; color: green ) 


O regula stabilită de cititor şi declarată ! important va fi prioritară unei reguli cu 
pondere normală, specificată de autor. Intre două reguli definite !important are 
prioritate cea data de autorul foii de stiluri. 


Tipuri şi unități de măsură 
Valorile proprietăţilor CSS pot fi numere întregi, numere reale sau şiruri de caractere. 
Valorile întregi si cele reale pot fi precedate de „+” sau „-” pentru a li se indica semnul. 
Numerele reale pot fi specificate numai în forma zecimală obişnuită N. N. 

Pentru precizarea dimensiunilor — orizontale sau verticale —, se vor folosi numere 
întregi, eventual indicându-li-se şi semnul, în manieră absolută sau relativă (prin valori 


exacte ori procentuale). 
Unităţile de măsură relative sunt: 


* em- se utilizează în cadrul proprietăţii font-size şi reprezintă lăţimea literei 
„M” relativă la corpul de litera folosit; 

* ex — reprezintă înălțimea literei „x” relativă la corpul de litera utilizat; 

* px — desemnează pixeli şi se calculează relativ la dispozitivul de vizualizare a 
conținutului (ecran, imprimantă etc.). 


Lista unităţilor de măsură absolute este următoarea: 


* cm- reprezintă centimetrii; 

* mm- desemnează milimetrii; 

* in — măsoară dimensiunile în inci (țoli) — 1 inci este egal cu 2,78 centimetri; 

* pt — indică puncte tipografice, fiind utilizată uzual pentru mărimea fonturilor — 
1 pt este egal cu 1/72 dintr-un inci; 

e pc- reprezintă o altă unitate de măsură folosită din tipografie şi anume pica, 1 pica 
fiind egală cu 12 puncte tipografice. 
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Câteva exemple: 


pi 
margin-left: 0.5m; 
margin=right: 0: 50m7 
line-height: 1.2em; 


text-indent: lex; 
font=size: 10pt; 
width: 500px; 


) 

Pentru unele proprietăţi, valorile acestora pot fi date şi în forma procentuală N%, 
eventual cu semn. Procentajele sunt întotdeauna relative la alte valori, de exemplu mărimea 
fontului sau lăţimea altui element. 


div { font-size: 1 Opt. } 
div { line-height: 130% } /* 130% din 'font-size!' */ 


Pentru specificarea URL-urilor, se va folosi o construcţie de forma url (adresă): 


h3 { /* un URL absolut */ 

background-image: 

url (http://www.infoiasi.ro/fcs/fcs.jpg) ; 

} 
h4 { /* un URL relativ */ 

background-image: url(../fundal.gif); 
} 
În ceea ce priveşte valorile care desemnează culori, există mai multe modalităţi de 

specificare a acestora: 


e #RRGGBB — similară celei acceptate de XHTML; 

e rgbi(z, g, b) — componentele 7, g şi b pot fi întregi sau valori procentuale, 
corespunzătoare celor trei culori de bază: roşu, verde si albastru; 

e nume culoare — reprezintă numele simbolic al uneia dintre cele 16 culori de 
bază. 


De exemplu, pentru a stabili ca textul unui paragraf să fie scris cu verde vom putea 
utiliza una dintre următoarele construcţii echivalente: 


p { 
color: +00FF00; 
color: #0F0; /* prescurtare a celei anterioare */ 
color: rab(0; 255, 0); 
color: rgb(0%, 100%, 0%); 
color: green; 
} 
Sirurile de caractere vor fi delimitate de ghilimele. Daca în cadrul unui sir va trebui să 
apară simbolul pentru ghilimele, atunci se va folosi construcţia \". 


4.2.2 Proprietăţi CSS1 uzuale 
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Am văzut mai sus că foile de stil influențează modul de prezentare al documentelor prin 
asignarea de valori unor proprietăţi de stil. Există mai multe categorii de proprietăți CSS 
dintre care menţionăm: 


1. Proprietăți ale corpurilor de litera (fonturilor) 

e font-family defineşte care set de corpuri de litera va fi utilizat. Sunt definite 
următoarele familii generice care pot fi specificate în lista de valori a acestei 
proprietăţi: serf (eg: Times), sans-serif (e.g: Helvetica), cursive (eg: Chancery), 
Jantasy (eg.: Western), monospace (e.g: Courier). Din cauza taxonomiei diferite a 
fonturilor, se încurajează folosirea familiilor generice (de exemplu, fontul Arial 
din Windows nu se regăseşte sub același nume pe platformele Unix). 


font-family: Arial, Helvetica, sans-serif; 


Construcţia XHTML (considerată demodată) similară acestui exemplu este: 
<font face="Arial, Helvetica, sans=-serii">...</font> 


Daca numele fontului este compus din mai multe cuvinte, va fi indicat intre 
ghilimele: 
h3 { font-family: "Arial Black", sans-serif; } 


* font-style poate lua valorile: normal, italic sau oblique. 

* font-weight selectează grosimea corpului de litera (care variază de la 100 la 
900, dar se acceptă si valori ca normal, bold, lighter etc.). 

* font-size specifică mărimea fontului, dându-se in manieră absolută (x-small, 
medium, large etc. ori 10pt, 16px etc.) sau relativă (darger, smaller) ori în procente 
(50%, -25%). 

Un exemplu: 
by, diy 4 

font-size: Lipt; 

font-family: Verdana, Tahoma, Syntax, sans-serif; 

font-weight: 600; 


Proprietatea font-size are drept corespondent atributul size al elementului 
invechit <font> in XHTML. 
2. Proprietăți de fundal si culori 

* color stabileşte culoarea de scriere — valorile sale putând fi specificate in 
limbajul natural, în format RGB sau în hexazecimal ca în limbajul XHTML. 
Construcţia XHTML cu efect analog proprietății color este <font 
color="eculoare">...</font>: 

* background-color stabileste culoarea fundalului (valori posibile: codul 
numeric sau numele culorii ori valoarea ‘ransparent). 
De menţionat faptul că modul de afişare a culorii de fundal depinde de 
navigator. De exemplu, dacă avem: 


<p style="background-color: lightblue">Web</p> 


atunci la Netscape/Mozilla fundalul va fi colorat doar pe lăţimea cuvântului, iar 
la Internet Explorer va fi colorata toata linia pana la marginea din dreapta. 
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Pentru a colora fundalul doar atât cât ocupă conţinutul textului (ca la 
Netscape/ Mozilla), indiferent de navigator, se va folosi 7ag-ul <span>: 

<p> 

<span style="background-color: lightblue">Web</span> 

</p> 


Pentru a colora întreaga linie pe care este afișat textul (ca la Internet Explorer), 
indiferent de navigatorul folosit, vom utiliza un tabel incluzând o singură celulă 
pentru care stabilim atributul width="100%" (lățime maximă): 


<table width="100%"> 
<tr><td style="background-color: lightblue"> 
<p>Web</p> 
</td></tr> 
</table> 
* background-image stabileşte URL-ul imaginii care va fi proiectată pe 
fundalul acelui element: 


body { background-image: url(img.gif) } 
je) { background-image: none } 


* background-repeat specifică modul de repetare a imaginii de fundal: doar 
pe axa Ox (repeat-x), pe axa Oy (repeat-y), pe ambele sau deloc (no-repeat); 

* background-attachment stabileşte daca imaginea de fundal va fi fixă sau 
va defila o data cu conţinutul paginii. Valorile permise sunt fixed sau scroll; 

* background-position determină poziţia pe verticală şi orizontală a 
imaginii de fundal (de exemplu: background-position: 70% 0% sau 
background-position: top center). De remarcat faptul că această 
proprietate poate cauza afişarea eronată a paginilor în unele versiuni vechi de 
Netscape Navigator 4.x. 

De exemplu: 


h2 { 
background-image: 
url (http://www.infoiasi.ro/bg.gif); 
background-repeat: no-repeat; 
background-position: center left; 
background-attachment: fixed; 


aal 


3. Proprietăți ale textului 
* letter-spacing defineşte spatierea dintre litere (din păcate, nu este 
suportată de toate navigatoarele, mai ales cele vechi): 


blockquote { letter-spacing: 0.3em } 


* word-spacing stabileşte spatierea dintre cuvinte adiacente (nu este suportată 
de Netspace 4.x sau de Internet Explorer 3): 


pb { word-spacing: 0.5em } 
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* text-decoration stabileşte modalitatea de a decora o porţiune de text şi 
poate lua valorile: none, underline, overline, line-through sau blink (valoarea blink nu 
este implementata de Internet Explorer): 


/* legăturile nu sunt subliniate */ 
a { text-decoration: none } 
/* se va sublinia doar cand cursorul mouse-ului 
ste aşezat deasupra legăturii */ 
a:hover { text-decoration: underline } 
/* paragrafele vor fi supraliniate si subliniate */ 
p { text-decoration: overline underline } 


e vertical-align specifică modul de aliniere verticală, în funcţie de poziţia 
elementului-parinte sau relativ la linia formatată din care face parte. Valorile 
uzuale permise sunt baseline (aliniere implicită), sub (indice, similar elementului 
<sub>), super (exponent, ca şi marcatorul <sup> din XHTML), “op (aliniere la 
nivelul celui mai de sus element), middle (mijlocul elementului va fi aliniat cu 
mijlocul elementului părinte), bottom (aliniere cu partea inferioară a elementului 
părinte). De asemenea, sunt permise şi valori numerice (procentuale sau nu). 

sindace { vertical-align: sub } 
img { vertical-align: 50% } 


e text-align determină maniera de aliniere orizontală (ff, right, center oti 
justify). 
pr div { text-align: justify } 
* text-transform determină maniera de transformare a textului (capitalize, 
uppercase, lowercase sau none). 


h4 { text-transform: uppercase } 


* text-indent specifică modul de indentare a liniei, valorile fiind fie procente, 
fie numere (cu semn sau nu): 


p { text-indent: 2cm } 
hl { text-indent: -10% } 


* line-height specifică distanța dintre două linii adiacente: 
div { line-height: 1.3; font-size: 10pt } 


De menţionat faptul că Internet Explorer 3 interpretează eronat valorile acestei 
proprietăți. 
4. Proprietăți ale boxelor de afisare 
Aşa cum am văzut mai sus, fiecare element este reprezentat în cadrul unei boxe 
invizibile de afişare. Există o serie de proprietăți pentru specificarea marginilor 
(margin), a zonei dintre chenar si conţinutul efectiv (padding), a chenarului care 
înconjoară boxa de afişare (order). 
Exemple: 


body { 
margin-top: Lem; 
margin-right: zem? 
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margin-bottom: 3cm; 
margin-left: 2cm; 

) 

blockquote | 
padding-bottom: 2em; 

) 

hl h2 4 
border-width: medium; 
border-style: dotted; 


Proprietatea border-width poate avea drept valori cuvintele rezervate “in, 
medium sau thick oti numere pozitive. Pentru border-style valorile pot fi dotted, 
dashed, solid, double, groove sau ridge. 
Proprietăţile legate de chenarul unei boxe de afişare (border) sunt suportate 
parţial (sau chiar deloc) de anumite navigatoare. De exemplu, nu toate stilurile de 


chenar sunt recunoscute. 


Netscape 6 şi Mozilla 1 (sau versiunile ulterioare) oferă proprietatea nestandardizată 
-moz-border-radius care poate fi folosită la definirea unor chenare cu colțuri 


rotunjite (această proprietate va fi inclusă în CSS — nivelul 3): 


pre | 
background-color: 
border-style: 
border-color: 
border-width: 
padding: 
width: 
font-family: 
font=size: 


rgb (250,240,230); 
dotted; 
darkred; 


"Courier New", 
10 


Courier, 


/* doar pentru Mozilla/Netscape */ 


-moz-border-radius: 


TOX; 


monospace; 


Pot fi specificate si modul de curgere a textului (foa şi pe care laturi a unei boxe 
nu se permite curgerea (clear): 


img { 
float: 
clear: 
margin-left: 


left; 


0px; 


rignt; 


Pentru a preciza lățimea şi înălțimea ocupate de o boxă de afişare se vor folosi 
width şi, respectiv, height. 


he. 4 
width: 
background-color: 
color: 

} 

img { 


400px; 
navy; 
white; 


/* scalarea unei imagini */ 
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width 40%; 
height: 40%; 


Desigur, în locul scalării prin intermediul foilor de stiluri, se recomandă folosirea 
unui editor grafic pentru ca fişierul conţinând imaginea gata scalată să se poată 
încărca mai rapid. 

5. Proprietăți de clasificare 


{ 


white-space declară cum sunt manipulate spaţiile albe din cadrul unui 
element (normal, pre, nowrap). 

De exemplu, elementul <nobr> (nesuportat de specificaţiile XHTML, dar 
permis de unele navigatoare) poate fi înlocuit de white-space: nowrap 
list-style-type specifică modul de apariție al membrilor dintr-o lista 
(valori permise: disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, 
upper-alpha sau none). Această proprietate este similară atributului type aplicat 
elementelor <ul>, <ol> sau <li>. 


list-style-image specifică drept marcaj a membrilor unei liste o imagine. 


list-style-image: url(triunghi.gif) ) 


list-style-position poate lua valorile inside ori outside, indicând locul 
marcajului unui element de listă. 


4.2.3 Proprietăţi CSS2 uzuale 


Vom descrie în continuare o mică parte din proprietăţile puse la dispoziţie de CSS2 — 
aceasta deoarece navigatoarele actuale nu oferă decât suport parțial pentru CSS2. 


1. În CSS2 oricare element vizual poate fi precis poziţionat (în manieră relativă sau 
absolută), după cum se poate remarca din exemplul următor: 


<style type="text/css"> 


„text { 
position: absolute; 
top: (PR 
left: 70px; 
z-index: 3; /* va fi afişat deasupra altor elemente */ 
font-size: 34pt; 
color: white; 
} 


„umbra { /* simulează umbra textului */ 


position: absolute; 
top: 52px; 
left: 12px7 
z-index: 23 
font-size: 34pt; 
color: gray; 

) 

stundal { 
position: absolute; 
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top: 

left: 
z-index: 
font-size: 
font-family: 
color: 
background: 


border-style: 
border-color: 
border-width: 


width: 
padding: 
} 
</style> 


30px; 
45px; 


1; /* cel mai depărtat de privitor */ 


20pt7 

"Arial Black", 
white; 

black; 

solid; 

white; 


Helvetica, 


<h3 class="fundal">WEB</h3> 


<p class="text">CSS2 in relief</p> 
<p class="umbra">CSS2 in relief</p> 


Liniile de mai sus vor conduce la următorul rezultat: 


sans-serif; 


Utilizarea proprietăților de pozitionare 


Se observă totuşi o dispunere spaţială dependentă de navigator. 
Aceste facilităţi, împreună cu posibilităţile de a modifica vizibilitatea (proprietatea 
visibility), de a permite decupatea elementelor (proprietățile clip si 
overflow) şi de a specifica mai multe straturi de prezentare a conţinutului paginii 
Web (ordinea afişării straturilor fiind controlată de proprietatea z-index), pot fi 
folosite în contextul DHTML-ului (Dynamic HTML). 
Ca şi la CSS nivelul 1, în cadrul modelului de formatare pot fi precizate 
dimensiunile boxei de afişare (proprietăţile width şi height). 


absolute | relative | static 


lungime | procentaj | auto 
lungime | procentaj | auto 
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width lungime | procentaj | auto 


height lungime | procentaj | auto 


z-index 


auto | număr_întreg 


Visibility 


inherit | visible | hidden 
Proprietățile de pozitionare a conținutului 


2. De asemenea, CSS2 aduce suport pentru medii multiple de date: 


e aural (sonore), 

e braille (destinate orbilor), 

* handheld (dispozitive miniaturizate), 

* print (pentru imprimantă), 

* projection (pentru proiectoare), 

e screen (ecranul calculatorului), 

e 7% (terminale text), 

* vw (destinate reprezentării pe ecranele TV). 


Specificatia CSS2 împarte mediile in mai multe grupuri dintre care amintim: 


* continue (continuous) sau paginate (paged), 
e vizuale (visual), sonore (aural) sau tactile (tactile), 
* interactive sau statice. 


Putem stabili diverse proprietăți de stil în funcție de mediul de vizualizare a 
documentului Web, după cum se poate remarca din exemplul de mai jos: 

@media print { /* pentru imprimantă */ 

body { font-size: 10pt ) 


media screen { /* pentru ecran */ 
body { font-size: 12pt; } 


media screen, print { /* pentru ecran si imprimantă */ 
body { line-height: 1.2; } 

} 

Construcţia @media poate fi utilă si pentru a inhiba procesarea unor proprietăţi de 

stil de către navigatoarele mai vechi. Astfel, pentru a putea utiliza line-height 

fără probleme la afişare în Internet Explorer 3, o vom include astfel: 


media screen { 
p { line-height: 1.3; } 
} 


Un alt exemplu: 


@media screen { 
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body { 
margin: 2cm? 
/* pentru a evita afişarea defectuoasă in NS 4.x */ 
background-image: url (web.jpg); 


3. Proprietatea cursor specifică forma de afişare a cursorului mouse-ului (sau a altui 
dispozitiv de intrare). Astfel, pot fi utilizate valorile crosshair, pointer, text, move, watt, 
help, default sau auto: 


a:hover { cursor: wait } 
input |. Cursors text j 
img { cursor: pointer } 


4. Se pot asigna diverse proprietăţi de stil pentru un element respectând anumite 
condiţii, prin intermediul mecanismului de selectare CSS2 (din păcate, nu toate aceste 
facilitati sunt suportate de navigatoarele actuale). Astfel, putem asocia stiluri pentru: 


= elemente care sunt descendenţi ai altor elemente: 


ol > li { background-color: green } 
In acest caz, se va modifica fundalul numai pentru conţinutul elementelor <li> care 
sunt copii ai lui <ol>. 


= elemente care urmează imediat dupa altele si fac parte din aceeaşi ierarhie de 
elemente: 
hi + h2 { margin-top: -5mm } 


Se va reduce distanţa dintre <h1> si <h2> numai dacă <h2> va urma imediat după un 
element <h1>. 


= elemente care au asociate atribute cu diferite valori: 

a [href="http://www.infoiasi.ro/"] { 
border-left-style: dotted; 

} 


Se va genera un chenar punctat la stânga doar dacă elementul <a> are atributul 
href="http://www.infoiasi.ro/". 


Este permisă şi o construcție de genul: 


afhref~="http://www.infoiasi.ro"] { 
border-left-style: dotted; 


} 

In această situaţie, se va crea un chenar punctat la stânga doar dacă pentru elementul 
<a> valoarea atributului href va conţine, printele altele, şirul de caractere 
http: //www.infoiasi.ro. 


=" elemente având atributul id setat cu o anumită valoare: 


hl#capl { letter-spacing: 0.3em } 
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Se va modifica spatierea dintre litere doar în cazul în care <h1> va avea id="cap1". 


5. Pentru tabele, CSS2 defineşte un model de reprezentare inspirat de XHTML, în 
cate structura unui tabel urmează modelul de reprezentare grafică a acestuia. Un tabel 
constă dintr-o parte (opţională) destinată titlului si explicatiilor referitoare la tabel si 
dintr-o mulţime de rânduri conţinând un număr arbitrar de celule. În cadrul acestui 
model, nu există noţiunea de coloană, prima celulă din fiecare rând putând fi 
considerată ca aparţinând primei coloane a tabelului, a doua celulă din fiecare rând 
corespunzând coloanei secunde a tabelului si asa mai departe. Randurile si coloanele 
pot fi grupate, astfel încât în CSS2 modelul constă din noţiunile de: tabel (bh), 
legenda tabelului (caption), rand (row), grup de rânduri (row group), coloană (column), grup 
de coloane (column group) şi celulă (cel). În XHTML, acestea corespund elementelor 
<table>, <caption> (putând fi specificate şi <thead> si <tfoot>), <tr>, 
<tbody>, <col>, <colgroup>, <td> (şi <th>), respectiv. 


Proprietăţile care pot fi modificate pentru ajustarea reprezentării tabelelor sunt: 


" display — stabileşte una dintre reprezentările de date, conform modelului 
desctis mai sus. Implicit, sunt considerate valorile: 


table { display: table ) 
EE { display: table-row ) 
thead { display: table-header-group } 
tbody { display: table-row-group } 
Efoot { display: table-footer-group } 
col { display: table-column } 
colgroup { display: table-column=group } 
td, th { display: table-cell } 

{ 


caption display: table-caption } 


= proprietăți relative la coloane: border, background, width, visibility 


col { border-style: none } 
table { border-style: hidden } 
col.totaluri. { background=color: blue; width: 300px } 


=" caption-side — utilizată pentru stabilirea locului şi modului reprezentării 
legendei tabelului (valorile valide sunt zop, bottom, left sau right, iar pentru alinierea 
verticală pot fi precizate valorile baseline, top, bottom, middle, sub, super, text-top oti text- 


bottom): 
caption. { 
caption-side: left; 
margin-left: -8em,; 
width: 80%; 
text-align: LG; 


vertical-align: top; 


} 


" border-spacing, empty-cells, border-style sunt folosite pentru 
stabilirea modului de formatare a chenarului tabelului: 
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ta 4 
border-style: dotted; 


} 


border-width: 1px; 


border-right: hidden; 
border-bottom: hidden; 


padding: 3px; 


table { 
border-style: solid; 
border-color: navy; 


) 


border-width: 1px; 


-noborder { 
border: hidden; 


} 


Lista tuturor proprietatilor permise de CSS2 poate fi consultata pe CD-ul cate insoteste 
cartea de fata. 


4.2.4 Exemple 


In continuare, vom prezenta o serie de exemple de construcții CSS utile. 


Pentru început, am dori ca legăturile dintr-o pagină Web să fie reliefate in 
momentul aşezării cursorului mouse-ului deasupra lor, ca în figura de pe pagina 


următoare. 


In acest scop, pentru fiecare element <a> vom ataşa proprietăţile border si 


padding astfel: 


{ 

font-family: 
font-weight: 
text-decoration: 


border-left-style: 
border-left-width: 
border-left-color: 


border-top-style: 
border-top-width: 
border-top-color: 


Arial, Helvetica, sans-serif; 
bold; 

underline; 

solid; 

lip 

white; 

solid; 

ipx; 

white; 
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Proiectarea interfetelor utilizator (2001/2002) 


saperi curs 


Materia 


Cursul | Examenul 


Cursul | Laboratorul | Resurse 


Pentru acasă 


De retinut! | Referate | Proiecte 


Altele 
aisa 


Noutăti | Contact 


Ultima actualizare: 04 mai 2002 Sus 


versiunea 1.8 - 62000-2002 Sabin-Corneliu Buraga 


Crearea de stiluri pentru reliefarea unei legături 


border-right-style: solid; 
border-right-width: 1px; 

border-right-color: white; 
border-bottom-style: solid; 
border-bottom-width: lpx; 

border-bottom-color: white; 
padding: 0.2em; 


Aceasta ne va asigura că otice ancora va fi înconjurată de un chenar alb de 1 pixel 
grosime. Am stabilit acest chenar pentru ca navigatorul să nu recalculeze 
dimensiunile boxei de afişare la momentul plasării cursorului /ouse-ului deasupra 
legăturii. 

Folosind : hover vom modifica culoarea chenarului astfel încât să apară umbra în 
partea dreapta-jos şi vom schimba culoarea de fundal pentru a simula un aspect 
tridimensional al textului ancorei (desigur, vom renunţa la subliniere): 


a:hover { 


text-decoration: none; 


color: #333333; 
border-left: solid lpx white; 
border-top: solid lpx white; 
border-right: solid lpx darkgreen; 
border-bottom: solid lpx darkgreen; 


background-color: rob(240, 255, 230); 


Din păcate, această rețetă nu funcționează optim in versiunile vechi de Netscape 
Navigator sau Opera. 

De multe ori proiectăm siturile Web fără a lua în consideraţie rezoluţia 
calculatorului client pe care se va realiza vizualizarea paginilor, În cele ce urmează 
vom prezenta o soluţie (concepută de absolventul Ionut Aivănesei) de ajustare a 
modului de afişare şi de dispunere a elementelor dintr-un document prin 
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intermediul unei foi de stiluri specifice unei anumite rezoluţii. Am luat în 
consideraţie rezolutiile de 640x480 (pe cale de dispariție), 800x600 (destul de 
folosită în prezent) şi 1024x768 — a se vedea şi capitolul 5. 

Rezoluţia calculatorului pe care se încarcă pagina va fi determinată prin intermediul 
obiectului screen pus la dispoziţie de JavaScript. Pentru fiecare dintre cele trei 
rezoluţii prin intermediul metodei write a obiectului document va fi inserat un 
marcator <link> făcând legătura cu foaia de stil dorită. Codul JavaScript de mai 
jos va fi plasat în antetul fiecărui document XHTML: 


<script language="JavaScript" type="text/javascript"> 
if (window.screen) 
{ 
var w = screen.width; // preluăm lăţimea 
// verificăm rezoluţia 
if (w < 740) 4 
document.write ("<link rel='stylesheet' href='640.css' 
type='text/css' />"); 


} 

if (w >= 740 && w < 835) { 
document.write ("<link rel='stylesheet' href='800.css' 
type='text/css! />"); 


} 

if (w >= 835) { 
document.write ("<link rel='stylesheet' 
href='1024.css' type='text/css! />"); 


} 
} 
</sGript> 


Tot ce mai rămâne de realizat este să scriem proprietățile de stil corespunzătoare 
fiecărei rezoluții în parte. 

De exemplu, putem ajusta modul de afişare a textului inclus în interiorul 
marcatorilor <h2>, <h3> şi <td>. Pentru rezoluția 640480, în fişierul 640 . css 
vom insera: 


/* proprietăţi de stil pentru 640x480 */ 
h2 { font-size: llpx; } 
h3 { font-size: 10px; } 
td { font=size: 8pt; } 


Foaia 800.css at putea contine: 


/* proprietăţi de stil pentru 800x600 */ 
h2 { font-size: 13px; } 
53 { font=size: lipx; | 
td | font-size: 9pt; } 


Pentru rezolutia maxima, vom utiliza valorile: 


/* proprietăţi de stil pentru 1024x768 */ 
h2 { font-size: 16px; } 
h3 { font-size: l2px; } 
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td { font-size: 10pt; 
padding: Dita } 


* CSS Wizard Ce i ta 
|] Fie Edit Help 


@ 3 x 23 
9 
New Stylesheet Open Stylesheet Save Stylesheet Close Wizard Insert Stylesheet Insert Style 
Crese [rseuso 


@mediaaural 


font-family | Arial, Helvetica, sans-serif 


ame DO 
fontvariant [e] 
font-weight [bold [x] 
font-size fot =] 
aE 


pja active 
Fa visited 
hover 


a nounder 


noborder 


Editarea fisierelor CSS 
folosind componenta CaSSius a programului SCREEM 


4.2.5 Extensii CSS în Internet Explorer 


Alături de proprietăţile standard stipulate de specificațiile Consortiului Web, fiecare 
navigator suportă un set extins de alte diverse proprietăţi (unele dintre ele au fost deja 
prezentate). Ne vom referi mai jos la posibilitatea de a realiza diferite efecte multimedia în 
versiunile recente ale navigatorului Internet Explorer, în special de a atașa filtre vizuale 
unor elemente din cadrul documentelor XHTML. 


Efecte şi filtre vizuale în cadrul paginilor Web 


Începând cu versiunea 5.5, creatorii de pagini Web au posibilitatea de a atașa imaginilor 
incluse în documentele (X)HTML diverse efecte si filtre vizuale care până acum puteau fi 
realizate fie static, folosind un editor de grafică raster (eg: Adobe Photoshop oti GIMP — The 
GNU Image Manipulation Program), fie dinamic, prin intermediul unor scripturi JavaScript 
sau appler-uti Java. 

Într-o formă limitată, aceste filtre existau si în Internet Explorer 4.0, dar pentru 
versiunile IE 5.5 şi ulterioare ele au fost imbogatite şi optimizate. Filtrele vor putea fi 
folosite prin intermediul unei proprietăți CSS noi: filter, proprietate care va avea drept 
valoare un şir de caractere desemnând apelul unei funcții de filtrare grafică. Sintaxa 
generală este următoarea: 


<element 
style="filter:progid: 
DXImageTransform.Microsoft.nume filtru(proprietati)" 
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Sintaxa sub cate trebuie specificate proprietățile filtrelor grafice este 
nume _proprietate=valoare. 

Fiind introduse prin proprietăți CSS, filtrele vor putea fi ataşate unui grup de elemente 
— folosindu-se mecanismul foilor de stiluri —, existând însă restrictia de a nu fi utilizate 
pentru palete cu mai putin de 256 de culori şi pentru zag-utile <embed>, <applet>, 
<object>, <option>, <select> sau pentru elementele de tabel (że. <table> ori 
<tr>), 

De asemenea, filtrele vor fi ignorate dacă apar specificate pentru elemente poziționate 
aflate în cadrul unor elemente nepozitionate. Astfel, filtrele vor putea fi aplicate numai 
elementelor posedând o formă de afişare — un /ayout de afişare creat, de exemplu, prin 
specificarea atributelor de înălțime (/eigh/) şi de lățime (width) ori având poziţionare 
absolută în cadrul ferestrei navigatorului (via proprietatea position: absolute — 
vezi secțiunea 4.2.3). 

Pentru început vom schimba gradul de opacitate pentru o imagine, folosind filtrul 
Alpha: 

<div align="center"> 

<img src="linux.png" /> 

<h4>Imaginea originală</h4> 

<img src="linux.png" 

style= 
"filter:progid:DXImageTransform.Microsoft.Alpha 
(opacity=33)" /> 
<h4>Imaginea opacizată</h4> 
</div> 


Înlocuind filtrul A/pha cu Blur vom determina incetosarea parțială a imaginii: 


<img src="linux.png" 
style= 
"filter:progid:DXImageTransform.Microsoft.Blur 
(strength=15)" /> 


Pentru a transforma (a desatura) o imagine color într-una pe tonuri de gri vom putea 
folosi filtrul Bastclmage cu parametrul grayscale=1. Acest filtru este aplicabil si pentru 
realizarea efectului de negativ asupra unui fişier grafic, după cum se poate observa din 
exemplul următor: 


<img src="linux.png" 
style= 
"filter:progid:DXImageTransform.Microsoft.BasicImage 
(invert=1)" /> 


Incercati, de asemenea, să aplicaţi filtrul BasicImage cu parametrul xray=1. 

Pentru efectuarea unor prelucrări precum rotiri sau afişări în oglindă putem utiliza 
acelaşi filtru Basiclmage însoţit de proprietăţile rotation, respectiv mirror. A se studia 
si exemplele disponibile pe CD-ul care însoţeşte cartea de fata. 

Desigur, mai pot fi folosite filtrele Wave, DropShadow, Glow, Chroma, Light, familiare 
tuturor utilizatorilor aplicaţiilor de prelucrare grafică. 
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Imaginea originală Imaginea opacizată Imaginea incetosata 
fără efecte Alpha(} 


Imaginea în negativ Imaginea desaturata Imaginea in mişcare 
Basiclmageținveri=1) Basiclmage(xray=1) MotionBlur() 


Utilizarea diferitelor efecte grafice asupra unei imagini 


Iată un exemplu mai complex, constând din aplicarea mai multor filtre asupra aceleași 
imagini: 
<img src="linux.png” 
style=" 
filter:progid: DXImageTransform.Microsoft.Wave (strength=74) 
progid: DXImageTransform.Microsoft.MotionBlur (speed=10) 
progid: DXImageTransform.Microsoft.BasicImage (invert=1)" 


{> 


Proprietatea filter poate fi aplicată nu doar conținutului grafic inclus în 
documentele Web prin intermediul marcatorului <img>. 

De exemplu, proprietatea opacity a filtrului A/pha poate fi utilă pentru suprapunerea 
mai multor zag-uri XHTML având diverse grade de vizibilitate: 

<!-= 0 imagine ==> 

<img src="linux.png" alt="Pinguinul de la Linux" 
style="position:absolute; top:10; left:25" 
width="277" height="260" /> 
<!-- Se suprapune un text --> 
<div style="position:absolute; top: 220; left: 25; 

width: 277; height: 35; 

background-color: black; 

filter: 
progid: DXImageTransform.Microsoft.Alpha (opacity=30) "> 


<div style="color:white; position: absolute; top: 220; 
width: 277; height: 80; 
MaArgGInN=-top? Spx; margqiun=Lleit:. 15px;"> 
<p style="font-size:14pt; font-family: sans-serif; 
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text-align: center"> 


Dragoş Acostăchiocaie 
</p> 
</div> 


Grade diferite de transparență asupra unor elemente XHTML suprapuse 


Un alt exemplu, în care vom folosi proprietatea rotation pentru un text în 


conjunctie cu o figura: 


<style type="text/css"> 


s110 f 
position: absolute; 
top: 10px; 
left: 30px; 
filter: 


progid:DXImageTransform.Microsoft.BasicImage (mirror=1); 


) 


„text | 

position: absolute; 
top: 10px; 
left: 5px; 
width: 260px; 
padding: 0.2em; 
background: black; 
color: white; 


font=size: Leper; 
font-family:Verdana; 
filter: 


progid: DXImageTransform.Microsoft 


} 
</style> 


<img src="linux.png" class="fig" 
<div class="text">Linux</div> 


.BasicImage (rotation=3) ; 
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Rotirea unui text si oglindirea unei imagini 


De asemenea, putem utiliza filtrele vizuale in conjunctie cu pseudo-clasa : hover 
pentru a realiza diverse efecte asupra ancorelor având conţinut grafic: 


a:hover img { 
filter: 
progid: DXImageTransform.Microsoft.DropShadow 
(color=lightblue) ; 
} 


De menţionat faptul că filtrele prezentate mai sus pot fi aplicate si in manieră dinamică, 
prin intermediul unor scripturi JavaScript. Mai mult, Internet Explorer pune la dispoziţie 
aşa-numitele filtre de tranziție sau de animaţie — ca, de exemplu, CheckerBoard, Blinds, Iris, 
Barn, Strips, RandomBars sau RandomDissolve — care pot fi utilizate în conjunctie cu filtrele 
vizuale. 

Vestea bună este că actualmente aceste filtre de tranziţie pot fi folosite nu numai în 
cadrul scripturilor, ci şi pentru realizarea unor efecte diverse în timpul scurs pentru 
încărcarea în fereastra navigatorului a unei noi pagini Web. Pentru aceasta, în antetul 
documentului XHTML poate fi inclusă într-un element <meta> o construcţie de 
următoarea formă: 


<meta http-equiv="Page-Enter" 
content= 
"progid: DXImageTransform.Microsoft.Blinds (duration=3)" /> 
<meta http-equiv="Page-Exit" 
content= 
"progid: DXImageTransform.Microsoft.Barn 
(orientation="horizontal’, motion='in')") /> 


Prima construcţie va determina aplicarea filtrului Bénds la încărcarea paginii, iar a doua 
va cauza rularea filtrului Bam atunci când utilizatorul va părăsi pagina. În loc de Page- 
Enter şi Page-Exit pot fi utilizate valorile Site-Enter sau Site-Exit, 
desemnând încărcarea şi respectiv părăsirea documentelor aparținând unui anumit sit Web: 

<meta http-equiv="Page-Enter" 
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content= 
"progid:DXImageTransform.Microsoft.Fade (Duration=2)" /> 
<meta http-equiv="Page-Exit" 
content= 
"progid: DXImageTransform.Microsoft. Fade (Duration=2)" /> 
<meta http-equiv="Site-Enter" 
content= 
"progid: DXImageTransform.Microsoft. Fade (Duration=2)" /> 
<meta http-equiv="Site-Exit" 
content= 
"progid: DXImageTransform.Microsoft.Fade(Duration=2)" /> 


Nu întotdeauna însă aceste filtre vor funcţiona corespunzător, probabil datorită unei 
erori interne a navigatorului. 


Page Transitions 


€E Internet Explorer only 


Interpage transitions make it possible to provide visual effects to the entire 
window as a Web page is loaded or exited. Just as programs such as 
PowerPoint® allow for transitions between slides, you can provide wipes, 
fades and more with web-based transitions. 


The syntax for transitions consists of three parts: 

specifying when the event should be played, the MicrosA 
duration of the transition, and what kind of 

transition effect to use. 


Event Transition effect 


Page-Enter v | 
Page-Exit 


Site-Enter 


Stabilirea tranzitiilor dintre pagini prin folosirea programului 1st Page 2000 


Trebuie precizate si următoarele observaţii referitoare la modul de folosire a filtrelor si 
efectelor grafice prezentate în cadrul acestei secţiuni: 


Anumite filtre (e.g: Shadow, Compositor, DropShadow, Glow sau Mask) vor funcționa 
adecvat numai dacă sunt aplicate unor elemente transparente. Textul fără culoare 
sau imagine de fundal este considerat a fi transparent. Pentru a asimila corect 
filtrele de mai sus, imaginile trebuie furnizate în formatul GIF89a sau PNG având 
stabilită o culoare de transparenţă. 
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* Trebuie avut în vedere faptul că, utilizând în mod repetat filtre sau aplicând un 
număr mare de filtre asupra unor imagini de dimensiuni mari din cadrul unor pagini 
Web, vom încetini procesul de afişare a conţinutului acelor documente. Ar fi inutil 
să modificăm o serie de proprietăţi ale unui filtru după ce elementul având ataşat 
acel filtru a fost deja afişat de navigator, de vreme ce schimbările nu vor putea fi 
observate decât reîmprospătând conţinutul acelei pagini. 


Filtrele prezentate mai sus sunt în fapt controale DirectX încorporate în Internet 
Explorer, fiind deci necesar ca sistemul să ofere suport pentru acestea. Nu se garantează că 
aceste filtre vor funcţiona în versiuni Internet Explorer portate pe alte platforme (de 
exemplu, diferite variante de Unix). De asemenea, avizăm dezvoltatorii că proprietatea 
filter nefiind standardizată nu este suportată de alte navigatoare. Exemplele de mai sus 
nu vor funcţiona, din păcate, decât în Internet Explorer sub Windows. 


4.3 Tehnici de optimizare a codului XHTML şi CSS 


In cadrul acestui subcapitol ne vom prezenta o serie de tehnici utile pentru optimizarea 
codului-sursă al documentelor XHTML şi CSS, în vederea proiectării unor situri Web 
efectiv utilizabile, ergonomice. 


4.3.1 Optimizarea codului XHTML 


În afară de convertirea tuturor documentelor HTML la noul XHTML (pe cât posibil, 
respectând specificațiile XHTML 1.0 Strict si XHTML 1.1), pot fi operate o serie de 
tehnici de minimizare a încărcării paginilor Web prin: 
= suprimarea spaţiilor albe care nu sunt absolut necesare (de exemplu, se pot elimina 
toate caracterele Newline neimportante); 
= micşorarea numărului de cereri HTTP (de exemplu, imaginile sau serprutile 
externe — necesitând încă o cerere adresată serverului Web — pot fi substituite de 
proprietăţi CSS; de asemenea, ideal ar fi să fie folosit un singur fişier CSS, având o 
dimensiune mai mică decât 1000 de octeți, pentru a putea fi transferat într-o unica 
datagramă IP); 
= eliminarea comentariilor (dar păstrarea lor în variantele de lucru ale paginilor 
proiectate); 
=" scurtarea lungimii sirurilor de caractere precizate în atribute precum alt, title 
ori summary (acest lucru trebuie realizat cu atenție, deoarece motoarele de 
căutare — în special Google — țin cont de informațiile specificate de aceste 
atribute); 
= utilizarea marcatorilor <meta> conditionali sau a unor directive SST (Server Side 
Includes) extinse suportate, de exemplu, de serverul Apache; 
=" optimizarea formularelor Web (eventual, realizând o interacțiune in mai multi paşi 
cu utilizatorul); 
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= reglarea” tabelelor prin intermediul proprietăţii CSS table-layout: fixed 
oti folosind elementele colgroup si col (în cazul XHTML 1.1, în locul 
tabelelor vor fi folosite proprietăţi CSS pentru afişarea tabelara a informaţiilor); 

=  auto-abrevierea URL-urilor (se preferă URL-urile relative fata de cele absolute). 

Un prim pas în optimizarea codului este cel al transformării acestuia, în sensul 
simplificării, în construcţii structurate logic, bazate pe standardele în vigoare. Deoarece 
XHTML se bazează pe XML, accentul cade pe structurarea marcajelor si nu pe ataşarea de 
elemente /attibute prezentationale (acestea pot fi suplinite de proprietăţile de stil CSS). 
Separand prezentarea (oferită exclusiv prin foi CSS) de structură, paginile create vor putea 
fi folosite în diferite contexte, fără a mai trebui operate modificări interne ale codului. 

Atunci când marcăm un document Web, trebuie să ne concentrăm asupra structurii 
logice şi nu asupra prezentării — aspect bine-cunoscut de „veteranii” cunoscători ai TeX- 
ului sau LaTeX-ului. Organizarea logică a structurii documentului asigură 
interoperabilitatea. De exemplu, în cazul creării unei document XHTML reprezentând un 
CV, am putea folosi o structură de genul: 

<html xmlns="http://www.w3.0rg/1999/xhtml" Lang="ro"> 

<head> 

<title>Curriculum Vitae</title> 

</head> 

<body> 

<h2>Curriculum Vitae</h2> 


<h3>Detalii personale</h3> 

du einen taser dee ies 

a iss 

chosBeperiené#395764259: &#351;i puncte de interes</h3> 


<h3>Pozitii ocupate/Activit &#259; &#355;1i</h3> 


<h3>Pasiuni</h3> 


</body> 

</html> 

După cum se observă, au fost evitate orice Zag-uri prezentationale (eg: <font> sau 
<b>), pentru vizualizarea informațiilor putând fiind ataşate oricând proprietăți de stil, 
eventual în funcție de preferințele utilizatorilor. Astfel, trebuie eliminate construcții 
considerate demodate, precum <font size="+1" face="Arial, Helvetica, 
sans-serif" color="#00FFO0">...</font>. 
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Mai mult decât atât, orice tabele pot fi înlocuite cu proprietăţi CSS similare. În acest 
mod, structura conţinutului este mult mai uşor de urmărit şi de procesat, iar elementele 
prezentationale nu interferează asupra datelor propriu-zise. Folosind foi de stiluri 
alternative, conţinutul tabelar prezentat la un moment dat poate fi redat într-un mod 
diferit, mai apropiat de nevoile utilizatorilor sau de cele ale aplicaţiilor (ne gândim aici la 
parcurgerea conţinutului de către un browser vocal). 

Vom prezenta un exemplu simplu care ulterior va putea fi rafinat de cititor. 
Considerăm pentru început următoarea construcție XHTML (codul complet este 
disponibil pe CD-ul cărţii): 

<table summary="continut"> 

SEES 

<td colspan="2"><b>Titlu gamp; banner</b></td> 
</tr> 
<tr> 

<td width="25%" bgcolor="gray">Meniu</td> 

<td width="75%">Continut propriu-zis</td> 
</tr> 

</table> 

Vizualizand rezultatul in browser, vom obţine o captură-ecran precum cea de mai jos 
(am folosit facilitatile oferite de PSPad pentru a evidentia fiecare celula de tabel; acelasi 
rezultat il putem obtine si apeland la extensia Web Developer din Firefox). 


"e. PSPad - Internet Explorer - HTML Page Preview [482x201] oR) 
file: //localhost/G: /tabel-html. html 


1024x768 


Titlu & banner 


Continutul tabelar marcat in XHTML 


Alternativa este cea a utiliza exclusiv proprietatile CSS pentru a emula un aranjament 
tabelar. Astfel, codul documentului XHTML, mult mai simplu de aceasta data, este 
următorul: 

<div id="titlu">Titlu &amp; banner</div> 

<div id="meniu">Meniu</div> 

<div id="continut">Continut propriu-zis</div> 

Proprietatile CSS folosite sunt: 


#titlu A 
padding: 0.2em; 
font-weight: bold; 
width: auto 
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meniu { 
background: gray; 
float: left; 
width: 2957 
margin-right: 0.2em; 
padding: 0. 2em 
) 
continut { 
float: rigth; 
width: auto; 
margin-left: 25%; 
padding: 0.2em 


} 


Vizualizând rezultatul, vom obţine un aranjament (/ayouwf) precum cel din figura 


următoare (am folosit PSPad pentru a reliefa conţinutul fiecărui <div> in parte). 


CIEN 


: Titlu & banner 


Conţinutul tabelar redat prin CSS 


Pentru ca motoarele de căutate Web să indexeze conţinutul propriu-zis al paginii, vom 
recurge la contructiile de mai jos, menite a aduce conţinutul în partea superioară a 
documentului, plasând meniul de legături mai jos. In primul rând, în codul XHTML vom 


interschimba <div id="meniu">...</div> cu <div 


</div>, iar codul CSS va fi: 


#titlu { 
padding: 
font-weight: 
width: 

} 

#continut { 
float: 
width: 
margin-left: 
padding: 

} 

#meniu { 
background: 
margin-right 


0.2em; 
bold; 
auto 


right; 
15%; 

0.2em; 
0. 2em 


gray; 


= 1954 


1A=" conte In > a aa 
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) 


padding: 0. 2em 


Rezultatul se observa în captura următoare (in acest mod, prioritate vor avea 
informaţiile propriu-zise oferite). ,,Reteta” prezentată reprezintă o formă de optimizare a 
codului în vederea unei indexări mai eficiente a conţinutului de către motoarele de căutare 
(SEO — Search Engine Optimization). De asemenea, folosirea proprietăţilor CSS va contribui 
la sporirea accesibilitatii sitului, conţinutul acestuia putând fi parcurs mai uşor de către un 
browser vocal. 


Utilizarea proprietăților CSS pentru optimizari de tip SEO 


De remarcat faptul că, utilizând tabelele XHTML ori proprietățile CSS alternative, 
putem realiza şabloane (paffern-uri) de proiectare a conţinutului unei pagini Web 
individuale, pe CD fiind prezentate cele mai frecvent folosite soluţii. Despre strategiile de 
organizare a conţinutului unui document vom discuta pe larg în cadrul următorului capitol. 


4.3.2 Optimizarea codului CSS 


Şi asupra surselor CSS se pot opera diverse optimizari, dintre care putem aminti: 


eliminarea spaţiilor albe care nu sunt absolut necesare (de exemplu, se pot elimina 
toate caracterele NewLzne neimportante); 

suprimarea comentariilor din varianta publicată pe Web a foii de stiluri; 

importarea foilor de stiluri via @import sau folosirea regulii @media astfel încât 
fişierele de stil să fie încărcate doar la nevoie (aceasta va facilita redarea 
conţinutului şi de către navigatoarele vechi având suport necorespunzător pentru 
unele proprietăţi CSS); 

scurtarea denumirii claselor de proprietăţi si identificatori (astfel, în loc de <span 
class="text_intensificat">...</span> se poate folosi construcția 
<span class="intens">...</span>); 

substituirea denumirilor simbolice ale culorilor cu echivalentele numerice 
prescurtate (astfel, în loc de yellow vom putea utiliza #FF0, dar nu vom înlocui 
valoarea red deoarece ocupă doar 3 caractere); 

gruparea selectorilor şi declaraţiilor, recurgând la operatorii de grupare prezentaţi 
în secţiunile de mai sus; 

utilizarea claselor multiple pentru a grupa stiluri comune; 
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folosirea proprietăţilor de tip shorthand font, background, margin, padding 
şi border, în locul proprietăților de stabilire individuală a unor valori; de 
exemplu, în loc de a scrie: 


p { font-size: 10pt; font-family: Arial, sans-serif; } 


vom putea utiliza (am eliminat si toate spatiile albe fara semnificatie): 


ptfont:10pt Arial, sans-serif} 


4.3.3 Alte tehnici de optimizare 


Folosind facilitatile puse la dispozitie de CSS, de multe ori se pot substitui programe 
JavaScript prin constructii de stil judicios scrise. Printre astfel de metode enumeram: 


1; 


6. 


înlocuirea codului JavaScript de modificare a unor caracteristici vizuale (e.g. 
culoarea de fundal ori înfăţişarea textului) — tehnică cunoscută şi sub numele de 
rollover — cu proprietăţi CSS; 

eliminarea butoanelor grafice (în format GIF, JPEG ori PNG), acelaşi efect 
putând fi obţinut prin utilizarea unor proprietăți CSS privitoare la chenare (a se 
vedea exemplul din secțiunea 4.2.4); 

înlocuirea meniurilor de legături generate via programe JavaScript cu echivalentul 
obţinut via XHTML şi CSS; 

substituirea tehnicii de divizare a imaginilor în cadrul celulelor de tabel (sheing) cu 
folosirea judicioasă a proprietăţilor CSS; 

realizarea pozitionarilor (relative ori absolute) în cadrul paginii prin CSS şi nu 
folosind fișiere grafice (GIF-uri) redimensionate; 

oferirea de conţinuturi alternative în funcţie de tipul de media, via regula @media 
pusă la dispoziţie de CSS2. 


O serie de exemplificări sunt disponibile pe CD-ul care însoţeşte cartea de fata. 
De asemenea, de un real folos pentru proiectantii Web sunt instrumentele puse la 
dispoziţie de extensiile Firefox. Le menţionăm pe următoarele: 


Web Developer (oferind diverse opţiuni utile pentru vizualizarea unor informaţii 
referitoare la aranjamentul elementelor de interfață, formulare, imagini sau 
proprietăţi de stil, pentru a enumera doar câteva dintre facilităţi), 

HTML Validator (bazat pe Tidy, verifică validitatea codului-sursă XHTML, afişând 
direct în navigator posibilele erori), 

Link Checker (verifică validitatea legăturilor dintr-o pagină Web), 

Small Screen Renderer (simulează în Firefox ecranul unui dispozitiv mobil). 


Toate aceste extensii se regăsesc pe CD-ul acestei lucrări. 
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) - Suplimentul de cultura - Rubrici permanente - Mozilla Firefox 
File Edt View Go Bookmaks Tools Help = a 
@-®-goes2c8e E hitp:Z/ww. polirom.ro/supliment/nr1 3/uubrici. html 
3G Disabler S csse FĂ Forms” 2 Images” @ Informatior [=] Miscellaneous” YZ Dutine» (A Resizer [C] View Source i] Options” (2 © ¢ 


prezinta: Dutine Block Level Elements 
Axa 


= “2 Outline Deprecated Elements 
Bucuresti-Washington. 
| Dosar Via Bagdad de Lucian Outline Frames 
Dan Teodorovici. Wi Tithe Atti 
| vedeta culturală [Citeste] Duta Lees Amr TAR ARDOS 


Des; 


| Arhiva 


Citeşte în format .pdf 


Fara Zahar Dumnezeu se Portrete 

Mai am un uita la noi cu tombale 

singur mall de binoctul Emilia de Dinu Lipatti la 

Bobi. Legitimati de Simona Sora. Winterthur (11) 

[Citeste] tipurituri [Citeste] de Victor 
tricolotarde de Eskenasy. 

Brumaru. [Citeste] 

[Citeste] 


Cronica de film Exclusivitate 

Mitul E.T. vazut „Sintem oameni © expozitie de 
Un foarte recent de micul Luca care vor sa faca arta la Belgrad 
doctor in teatru de Iulia Blaga. lumea sa rida” de Matei 


Folosirea extensiei WebDeveloper disponibilă în Firefox 


Comentarii bibliografice 


Există o multitudine de cărți (mai mult sau mai puţin detaliate) care călăuzesc scrierea de 

documente (X)HTML, dedicate mai ales incepatorilor. Printre primele lucrări in limba 

română, acoperind noţiunile de bază ale limbajului HTML, se numără lucrarea D. Radoiu, 

HTML — Publicaţii Web, Computer Press Agora, Tg. Mureş, 1996. O altă carte utilă este 

M. Jalobeanu, WWW în învățământ, Casa Corpului Didactic, Cluj-Napoca, 2001. 
Recomandăm si vizitarea următoarele resurse Web: 


* HTML Center— www.htmlcenter.com 

© HTML Primer — 
www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html 

* HTML Web Schools — www.w3schools.com/html/ 

* Introduction to HTML — www.w3.org/MarkUp/Guide/ 

e XHTML T/forial — www .w3schools .com/xhtml/ 


Pentru o listă a unor editoare (X)HTML populare, disponibile gratuit, consultați 
http: //www .nonags .com/nonags/htmledit.html, iar pentru o prezentare a 
uneltelor de creare a paginilor Web accesaţi adresa 
http: //wuw .unh .edu/NIS/Docs/Web/web-authoring.html. De asemenea, 
se mai poate vizita situl www .webtools . com. 

Utilitarul Tidy prezentat in cadrul secțiunii 4.1.4 poate fi găsit la 
http: //tidy.sourceforge.net sau pe CD-ul cărţii. Pentru a verifica dacă paginile 
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Web sunt accesibile persoanelor cu diverse handicapuri se poate apela la serviciile gratuite 
disponibile la www. cast .org/bobby/ şi www .contentquality . com. 

Pentru mai multe amănunte legate de crearea şi procesarea formularelor electronice, 
cititorul poate consulta S. Buraga, Tehnologii Web, Matrix Rom, Bucureşti, 2001 şi S. Buraga, 
Programare Web in bash şi Perl, Polirom, Iasi, 2002 sau poate vizita adresa 
http://www.halcyon.com/sanford/cgi/cgi-tour.html. De asemenea, de 
un real folos sunt resursele siturilor Developer.com — www.developer.com si Web 
Reference — www .webreference.com. Pentru o privite asupra viitorului limbajului 
XHTML, recomandăm vizitarea adresei Web 
http: //w3future.com/weblog/gems/xhtm1l2 . xml. 

În privinţa foilor de stiluri în cascadă, cititorul este îndemnat să consulte specificaţiile 
CSS ale Consortiului Web, disponibile şi pe CD-ul care însoţeşte cartea. Nu putem să nu 
menţionăm si lucrările K. Schengili-Roberts, Core CSS: Cascading Style Sheets, 2"? Edition, 
Prentice Hall, 2003 si E. Meyer, More Eric Meyer on CSS, New Riders Publishing, 2004. 
Designerii interesaţi de folosirea filtrelor vizuale în Internet Explorer pot vizita Microsoft 
Developer Network: http://msdn.microsoft.com/. De asemenea, recomandăm 
vizitarea unor situri precum: 

e A List Apart. www. alistapart.com 

e CSS Zen Garden: www. csszengarden.com 

e Gish www.glish.com 

e Web Review: style.webreview.com/mastergrid.html 

În ceea ce priveşte optimizarea codului-sursă XHTML si CSS, două lucrări de interes 
sunt A. King, Speed Up Your Site: Web Site Optimization, New Riders Publishing, 2003 şi 
M. Campbell, Web Design Garage, Prentice Hall, 2005. Recomandăm si vizitarea sitului 
www.websiteoptimization.com. 

Amintim la final că pe CD-ul aferent acestei cărți sunt disponibile, de asemenea, 
diverse editoare (X)HTML şi CSS, plus diferite alte programe utilitare folositoare, pentru 
platformele Windows și Linux. 


5. PROIECTAREA UNUI SIT WEB 


Forma poate fi mai importantă decât substanta. Un sloi de gheață 
poate avea rol de lentilă astfel încât să aprindă focul. (George Iles) 


Acest capitol prezintă procesul de proiectare a siturilor Web, în contextul, mai 
general, de proiectare a interfetelor cu utilizatorul, domeniu al interacțiunii om- 
calculator. Sunt detaliate etapele de proiectare si structurare a unui sit, 
insistându-se atât asupra organizării sitului, cât si a paginilor individuale. 
Capitolul enumeră o serie de tipuri de situri Web, expunându-se unele dintre 
caracteristicile lor principale. De asemenea, sunt oferite dezvoltatorilor diverse 
sfaturi utile privitoare la prezentarea conţinutului, la crearea, designul şi 
exploatarea unui sit Web şi la maniera de desfășurare a altor activităţi conexe 
(eg: optimizarea conţinutului, publicarea sitului, soluționarea problemelor de 
secutitate etc.). 


5.1 Preliminarii 


Asistăm actualmente la apariția unei palete de situri WWW în peisajul Web-ului românesc, 
remarcabile mai ales din punct de vedere cantitativ, de la situri personale până la cele de 
conţinut şi de la situri academice la cele pur comerciale. În cadrul capitolului de faţă ne 
propunem să punem în discuţie o serie de probleme legate de proiectarea siturilor Web şi, 
de asemenea, să oferim diverse soluţii constructive pentru fiecare dintre acestea. Din acest 
punct de vedere, problematica atinsă poate fi privită ca aparţinând ingineriei Web si, intr- 
un context mai larg, ingineriei software. 


5.1.1 Notiuni de bază 


Putem considera proiectarea unui sit Web drept un proces de proiectare a unei interfeţe cu 
utilizatorul pentru un produs software de sine stătător, problemele care trebuie rezolvate 
în ambele cazuri fiind similare. 

Este necesar să definim în primul rand o serie de noţiuni de bază, precum: 


° interacțiunea om-maşină (human-computer interaction) este o direcţie de cercetare 
având drept scop studierea şi ameliorarea factorilor care influenţează utilizarea 
efectivă şi eficientă a calculatoarelor, mai cu seamă în contextul spaţiului 
World-Wide Web din perspectiva avută de noi în vedere. Interacțiunea om-maşină 
priveşte trei aspecte importante: 

- omul — reprezintă in acest context persoana care încearcă să atingă un anumit 
scop prin intermediul calculatorului (e.g: obţinerea informaţiilor referitoare la 
cursele unei companii aeriene în vederea efectuării unei călătorii la Paris); 
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- calculatorul — rulează programe şi aplicaţii, deseori aflate la distanță; 

- interactiunea — se concretizează într-un dialog între om şi calculator, de cele mai 
multe ori sub formă de întrebare-răspuns. 

Interacțiunea dintre om şi maşină este o problemă studiată — din perspective 

diferite — de mai multe discipline, alături de informatică furnizând rezultate notabile 

psihologia, sociologia, semiotica, ingineria sau lingvistica. 

e interfața cu utilizatorul reprezintă o parte a aplicaţiei software care oferă 

utilizatorilor posibilitatea de a-şi exprima într-o manieră dorită a fi facilă intenţiile 
de operare prin intermediul calculatorului si de a intra în posesia rezultatelor 
furnizate de acesta. 
Originile acestui termen pot fi localizate în vocabularul tehnic ingineresc al anilor 
1970. Interfața este locul in care se realizează comunicarea dintre utilizator şi 
computer. În interacţiunea care se stabileşte, utilizatorul este cel care poate decide 
dacă interfaţa folosită îi este cu adevărat utilă, componentele hardware şi software 
reprezentând pentru el doar unelte cu ajutorul cărora este construită interfața. Din 
perspectiva discutată de noi, interacțiunea dintre om şi calculator va avea loc prin 
intermediul unei żnzerfete Web, construită pe baza tehnologiilor oferite de Internet; 

e proiectarea interfetelor cu utilizatorul poate fi considerată drept sumă a 
activităţilor de: 

- înțelegere a nevoilor utilizatorilor, 
- proiectare (design), 

-  prototipizare, 

- evaluate, 

- implementare finală a interfeţei. 

O întrebare firească pe cate şi-o poate pune cititorul este De ce este imperios necesar să se 
studieze proiectarea interfetelor cu utilizatorul, respectiv a siturilor Web? Motivația acestui demers 
provine din faptul că majoritatea interfetelor (fie ele Web sau nu) sunt încorporate în 
programe şi aplicaţii reale, complexitatea si utilitatea acestora fiind percepute de utilizatorii 
finali aproape exclusiv prin intermediul interfetelor. Din nefericire, există numeroase 
interfeţe prost concepute, fapt care conduce adesea la pierderi de bani (si chiar de vieţi 
omeneşti în cazuri extreme). Realizarea unei interfeţe deplin funcționale, productive şi — 
nu în ultimul rând — agreabile este de altfel foarte dificilă, aceasta implicând nu doar 
îmbinarea mai multor tehnologii, ci şi corespunderea maleabilă la necesități de utilizare cât 
mai complexe. 

O altă posibilă întrebare este Cine construieste interfețele? Există o întreagă pleiadă de 
persoane cu diverse specializări angrenate în această activitate. Pot fi enumerati graficienii, 
proiectantii de mijloace de interacţiune om-maşină, programatorii, personalul de testare si 
evaluatorii, autorii de manuale tehnice, experţii în relaţii cu publicul si chiar utilizatorii 
finali. 

Putem considera că utilizatorul (vizitatorul) si calculatorul (situl Web) sunt parteneri ai 
unui dialog particular, maşina având un comportament comunicativ similar cu cel uman. 
Dialogul se poate realiza in diverse moduri: 

e vocal — în limbaj natural sau via un set (restrâns) de termeni, precum „deschide 

fereastra”, „listează” etc. (pentru Web, se poate recurge la un navigator vocal); 


200 


Proiectarea siturilor Web 


textual — în limbaj natural (eg: „Te rog, arhivează toate rapoartele pe care le-am 
preluat din portal, după ora 12.7) sau prin intermediul unei interfeţe în linie de 
comandă, folosindu-se un limbaj de comandă (vezi she//-ul Unix); 

prin hipertext — la componenta text adăugându-se manipularea directă prin 
intermediul legăturilor dintre fragmente de informaţie textuală ori multimedia 
(cazul navigării în spaţiul Web); 

manipulare directă — utilizindu-se modalităţile actuale ale interfetelor (grafice): 
ferestre, meniuri, butoane, formulare, deplasare (drag¢~drop), desenare, gesturi 
realizate cu mouse-ul ori alt dispozitiv similar — a se vedea facilităţile puse la 
dispoziţie de navigatorul Opera ori modul de interacțiune oferit de un TabletPC —, 
plus realitate virtuală si realitate extinsă îmbogăţită (augmented reality); 

prin imagine — animaţie, eventual generată dinamic (via Flash, SVG sau SMIL) si 
semne (gesturi) efectuate de utilizator, captate prin camera video sau scanare; 

prin localizarea utilizatorului — poziţie în spaţiu, viteză etc.; 

emoţională — via instrumente de detectare a stării utilizatorului (e.g: bucurie). 


Alegerea unui anumit stil de interacțiune om-maşină influenţează foarte mult 
simplitatea dialogurilor posibile şi este dependentă de mai multi factori dintre care se pot 
enumera: 


natura informaţiei comunicate: imagini, scheme /ilustraţii, numere, nume, lista de 
alternative, relaţii între entităţi etc. (de exemplu, interacțiunea cu vizitatorul sitului 
se va realiza diferit în contextul redării cursului valutar, a listei cu ultimele 
programe freeware transferate sau a grupurilor de prieteni din facultate); 

structura informaţiei comunicate: mulțime de valori, liste de perechi nume-valoare 
(arborescente, liniare, conditionale etc.), grafuri de noduri conţinând informatie 
etc.; 

profilul şi preferințele utilizatorului sau clasei de utilizatori din care face parte (a se 
vedea interfața automatului bancar, interfața unui sit de divertisment, interfețele 
destinate persoanelor cu nevoi speciale şi asa mai departe); 

tipul de activitate (e.g: interfețe speciale pentru piloți de avioane supersonice sau 
pentru chirurgi); 

concurența mai multor activități (de exemplu, manipulare directă în paralel cu 
vocea si gesturile) — se constituie aşa-numitele interfete multimodale, 

contextul fiecărei situații în parte. 


5.1.2 Caracteristici de bază ale interfetelor Web 


Poate mai mult decât în cazul interfetelor clasice, utilizatorii doresc flexibilitate, 
internationalizare şi calitate de la interfețele (siturile) Web actuale. Spaţiul WWW a fost 
conceput cu scopul declarat de a fi utilizat de oameni, deci interfețele Web trebuie să ofere 
aceleaşi facilități pe care le regăsim la interfețele tradiţionale: 


funcționalitatea — se referă la ce anume o interfață realizează; acest scop este 
îndeplinit pe Web prin adoptarea unor tehnici de programare la: 
- nivel de client (navigator) — prin intermediul programelor script (Le., 
JavaScript), a appéer-urilor Java sau a controalelor ActiveX; 
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- nivel de server Web — folosindu-se scripturi CGI (Common Gateway 
Interface), concepute in diverse limbaje de programare (bash, C, C++, 
Perl etc.), servere de aplicații Web (PHP, ASP, ColdFusion etc.), 
servlet-uri Java sau componente .NET. 
O altă abordare este cea utilizând agenţi software sau componente intermediare — 
middleware (CORBA, servicii Web). Interfetele Web trebuie să fie modulare: 
elementele de interfaţă, disponibile local sau la distanță, pot fi „legate” în manieră 
dinamică, grație hipertextului; 

e utilizabilitatea — această proprietate specifică modul cum o interfaţă satisface 
funcţionalitatea sa. Există o serie de factori, majoritatea calitativi, pentru 
determinarea acestui aspect: timpul de învăţare, uşurinţa în utilizare, performanța 
în utilizare, ergonomia. Interfetele Web moştenesc utilizabilitatea aplicaţiilor de 
navigare pe Web şi a documentelor HTML care pot fi vizitate, dar este încă dificil 
de manipulat informaţiile unui sit Web bogat în elemente multimedia (în special 
dacă include app/er-uri Java, prezentări Flash sau componente ActiveX complexe). 
Cerinţele ar fi ca instrumentele destinate implementării efective a sitului (editoarele 
de cod (X)HTML, generatoarele de scripturi etc.) să includă facilități pentru 
măsurarea şi optimizarea utilizabilitatii; 

e izolarea interfeței de aplicatia propriu-zisă — în cele mai multe cazuti, izolarea prezentării 
datelor de logica aplicaţiei este aproape imposibilă pe Web: funcţionalitatea 
(programele rulate pe partea de server sau de client) alternează cu interfața 
(elementele XHTML ori WML), aceasta conducând la dificultăți majore in 
structurarea, implementarea şi menţinerea unui sit Web de dimensiuni medii sau 
mati (conţinând peste 100 de documente); imperios necesar este să se poată 
reutiliza anumite fragmente de interfață pentru aplicaţii diferite, operându-se 
eventual doar modificări minore — actualmente, acest lucru este aproape imposibil, 
deşi există un anumit suport pentru împlinirea acestui deziderat (e.g.: foile de stiluri 
CSS externe, directivele SST (Server-Side Includes), componentele ASP.NET sau 
JavaBeans); 

e adaptabilitatea — interfaţa trebuie să ofere suport pentru interacțiuni multimodale, 
acest aspect devenind foarte important în contextul interfetelor Web, prin 
proliferarea diferitelor dispozitive mobile, fără fir, care pot prezenta mijloace 
diverse de intrare/ieșire; instrumentele de implementare ale interfetelor Web vor 
trebui să fie capabile să pună la dispoziţie facilităţi de interactionare multimodală 
cu utilizatorii (via voce, gesturi, scris de mână etc.); 

e consistenta — în prezent este dificil să se asigure consistenţa unui sit Web, în special 
în cazul adoptării unor tehnici multiple de proiectare şi din cauza lipsei de 
instrumente adecvate care să instruiască designerii Web să utilizeze exclusiv 
elemente consistente (asigurându-se consistenţa conţinutului, a structurilor 
navigationale, a dispunerii spatiale etc.). 


3.1.3 Considerente privind utilizabilitatea 


Scopul principal al domeniului interacțiunii dintre om şi calculator este cel de a proiecta şi 
implementa interfețe utilizabile. După cum am văzut şi din cele prezentate mai sus, o 
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interfață este wtilizabild (usable) dacă utilizarea ei este uşor de învăţat şi ulterior de reamintit, 
este eficientă — în sensul că se pot efectua rapid acțiuni complexe —, este consistentă şi 
unitară, este flexibilă şi nu în ultimul rand este confortabilă. Găsirea si adoptarea celor mai 
adecvate maniere de a realiza interfețe utilizabile, prietenoase (wser-friendl) şi 
personalizabile (i.e. adaptabile fiecărui utilizator sau fiecărei categorii de utilizatori in parte) 
fac obiectul ergonomiei interfetelor. 

Spre deosebire de ergonomia „convenţională”, in care se considerau interacțiunile 
fizice între om şi diverse artefacte, în contextul interacțiunii om-maşină, avem de-a face — 
datorită preponderentei aspectelor informaţionale — cu ergonomia cognitivă, reprezentând 
un domeniu în care se iau în consideraţie aspecte cognitive, mentale, psihice etc. ale 
ergonomiei interfetelor-utilizator. Acest aspect devine cu atât mai important cu cât 
interacțiunea dintre om şi calculator capătă noi valenţe, date de utilizarea interfetelor Web, 
a celor oferite de dispozitivele fără fir, mobile, sau de mediile virtuale tridimensionale, în 
care cantitatea, copleșitoare uneori, a informaţiilor la care are acces utilizatorul poate 
conduce la dezorientare si la suprasaturatie. 


Principii generale de utilizabilitate 


În procesul de proiectare şi de implementare a interfetelor trebuie urmate o serie de 
principii de utilizabilitate şi, implicit, de ergonomie cognitivă: 

e  /răsături care afectează competenta utilizatorului — cele principale se referă la suportul 
acordat utilizatorului, la funcționalitatea, transparenţa şi consistenţa interfeţei, iar 
cele secundare iau în calcul suportul off-//ze şi asistenţa on-/ine (posibilităţi de ajutor 
via manuale electronice, sit Web etc.), completitudinea, acurateţea, conformitatea 
cu scopul, securitatea şi observabilitatea, plus feedback-ul şi familiaritatea 
utilizatorului cu acea interfață; 

e trasdturi care afectează execuția — cele principale au în vedere operabilitatea, 
flexibilitatea si robustetea, iar cele secundare se referă atât la responsivitate, 
monitorizare, simplitate şi accesibilitate, cât si la initiativa dialogului, migrarea 
sarcinii, adaptabilitatea pe care le poate etala o interfata-utilizator; tot aici, se iau in 
consideraţie maturitatea, toleranța la erori şi recuperabilitatea; 

e  /răsățuri care afectează satisfactia utilizatorului — cele principale se referă la estetica 
prezentării, iar trăsăturile secundare consideră consistenţa obiectelor de interfaţă, 
consistenţa amplasării spatiale şi stilul de interacţiune. 

Din punctul de vedere al utilizatorului (mai ales al celui având o experienţă precară de 
utilizare a calculatoarelor), sistemele de calcul sunt considerate deosebit de complexe și 
dificil de „mânuit”. Dacă în urmă cu câteva decenii, interacțiunea dintre om si maşină eta 
apanajul unui grup restrâns de „iniţiaţi” — analiști, programatori, ingineri şi alte categorii de 
personal tehnic —, în prezent utilizarea calculatoarelor de către orice persoană (mai ales în 
contextul spaţiului WWW), indiferent de pregătirea în domeniu, reprezintă o realitate de 
necontestat. 

Factorii principali care contribuie la îngreunarea folosirii interfeţei de către utilizatori 
sunt următorii: 

e utilizarea elementelor de jargon — deseori, sistemele ,,vorbesc” utilizatorului într- 

un limbaj incomprehensibil sau vag, în care abundă diverşi termeni tehnici — 
precum ,,boo?’, „segment? oti „download? — sau diferite acronime criptice — e.g. USB, 
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URI ori XML; un alt aspect poate viza eterogenitatea socio-culturală a publicului- 
ţintă al aplicaţiei; 

proiectarea dirijată pe scop (task-centered design) — care de cele mai multe ori recurge 
la utilizarea unor elemente nefamiliare utilizatorului, ceea ce conduce la nedorite 
frustrări sau erori de operare asupra interfeţei, deoarece modelul implementării 
(formulat de dezvoltatorul sitului) este diferit de cel mental (al vizitatorului acelui 
sit Web); 

strategii necorespunzătoare de soluționare a problemelor — oamenii învaţă să 
realizeze o acţiune executand-o efectiv (,,people learn best by doing’); sunt numeroase 
cazurile in care interfaţa nu oferă un suport corespunzător pentru interacțiune sau 
nu adoptă modelul mental al utilizatorului, ceea ce conduce la erori şi la o atitudine 
de respingere din partea acestuia; 

inconsistenta proiectării — un exemplu tipic este acela în care aceeași acțiune poartă 
nume diferite: în meniul de legături a unui sit Web, acţiunea de căutare se numește 
„„Căutare” (,,Search”), dar în pagina de căutare efectivă butonul de iniţiere a acestei 
operații are eticheta „Găseşte” (,,Find’); un alt exemplu, în care același rezultat al 
interacțiunii poate fi descris diferit, în termeni de ,,ilegal” („„ro£ /ega?’) şi alteori ca 
fiind „invalid” („poz valid’). 


Răspunsurile utilizatorilor la proiectarea inadecvată a interfeţei, mai ales din punctul de 
vedere al ergonomiei acesteia, la nivel psihologic se manifestă prin confuzie, panică, 
plictiseală, frustrare, utilizare incompletă a sistemului, modificarea activităţii planificate, 
începerea unei activități compensatorii (de exemplu, vizitarea altui sit Web ori căutarea 
unui conţinut similar prin apelarea la functionalitatile unui motor de căutare — cu 
consecințe negative în contextul e-business-ului pe care l-am iniţiat) sau — în cazul in care 
utilizatorul posedă cunoştinţele adecvate — realizarea unei proiectări directe a interfeţei. 


Principii ale proiectării interfeței vizuale 


O interfaţă, oricare ar fi specificul acesteia, proiectată corespunzător (eficient) prezintă 
următoarele proprietăţi: 


reflectă nevoile si scopurile utilizatorilor săi; 

este proiectată în cadrul impus de constrângerile hardware (rezoluţie, adâncime de 
culoare etc.) — acest aspect trebuie avut în vedere mai ales la accesarea siturilor 
Web de pe dispozitive mobile, dotate cu resurse computationale mai modeste; 
utilizează efectiv facilităţile puse la dispoziţie de soffware (sistemul de operare, 
navigatorul Web, p/ugin-urile instalate etc.); 

permite atingerea obiectivelor economice ale sistemului pentru care a fost 
proiectată. 


Pentru îndeplinirea acestor scopuri, proiectantul interfeţei trebuie să identifice 
principalele principii de proiectare eficientă a ecranului (aşa-numitele principles of good screen 
design) — în cazul nostru, proiectarea corespunzătoare a paginii Web. În acest sens, se iau în 
consideraţie: 


actorii umani — organizarea elementelor de interfață într-o manieră clara si 
comprehensibilă, prezentarea judicioasă a informaţiilor, in mod distinct si 
neambiguu, testarea interfeței dezvoltate; 
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factorii hardware — realizarea interfeţei în concordanţă cu posibilităţile hardware ale 
sistemului (e.g.: o eroare frecventă este aceea a proiectării unei interfețe abuzand de 
elemente grafice care nu vor putea fi afişate corespunzător de un calculator cu 
posibilități mai modeste ale plăcii video); 

factorii softvare — utilizarea instrumentelor de proiectare şi implementare 
(programele de dezvoltare Web) şi a reglementărilor oferite de platforma software 
pe care va fi construită interfaţa şi folosirea efectivă a componentelor de interfaţă 
disponibile pe acea platformă. 


In ceea ce priveşte factorii umani, una dintre problemele majore este cea a distragerii 
atenţiei utilizatorului, ceea ce compromite, pe ansamblu, ergonomia întregii interfeţe. 


Astfel, 


printre factorii de distragere a atenţiei utilizatorilor în interacțiunea om-maşină se 


enumeră: 


lipsa unor texte explicative (etichete sau tooltip-uri) insotind diverse elemente 
imperative şi de selecție, precum butoanele de execuţie ori cele de tip checkbox, 
cauzând ezitarea sau repatcurgerea informaţiilor afişate ori, mai rău, interpretarea 
eronată a acțiunilor şi conducerea la o interacțiune inadecvată cu interfața; 

greseli în folosirea unor elemente textuale sau grafice de atragere a atenției — acest aspect 
prezintă o importanță majoră în contextul Web-ului, proiectantii siturilor luând 
în calcul asigurarea unei ierarhii vizuale consistentă, dar şi puternică, în care 
elementele importante să fie accentuate şi conţinutul să fie organizat logic, intr- 
un mod previzibil (vezi cele discutate mai jos); 

folosirea unor titluri inadecvate, ceea ce conduce la confuzii si la inhibarea 
utilizatorilor în realizarea de asociaţii mentale între semantica titlului şi a 
conţinutului materialului căruia îi corespunde; 

solicitarea din partea programului ca utilizatorul să completeze date irelevante sau nenecesare — 
acest aspect este cu precădere observat în cazul folosirii formularelor Web, 
solicitând introducerea aceloraşi date la fiecare încărcare a paginii; 

prezentarea informatiilor folosind un aranjament spatial şi] sau vizual inadecvat — aceasta 
crează un impact initial negativ şi conduce la apariţia multor erori de interacțiune, 
mai ales în ceea ce priveşte regăsirea informaţiilor sau navigarea. Pentru Web, 
echilibrul grafic de ansamblu şi organizarea paginii sunt foarte importante pentru 
a atrage atenţia cititorului asupra prezentării conţinutului. 

inconsistenta vizuală a diferitelor elemente ale interfetelor, în ceea ce privește, de exemplu, 
sub-siturile unei aplicaţii Web de anvergură (eg: un sit complex de comerţ 
electronic); 

suprasaturatia în utilizarea elementelor grafice sau multimedia, deseori în contradicție cu 
mesajul emis de interfață. De exemplu, elementele grafice nu trebuie să distragă 
atenţia cititorului de la conţinutul propriu-zis al paginii Web, proiectantul 
trebuind să fie atent la folosirea ornamentelor grafice, pentru ca rezultatul să nu 
fie unul necorespunzător. 


Fiecare element de interfață (control de interacţiune, pictogramă, culoare, structură 
organizaţională, mesaj sau orice altă formă de feedback) folosit trebuie să aibă un înţeles (o 
semantică) pentru utilizator si trebuie să servească unui scop clar, în urma căruia să se 
realizeze o acţiune specifică. 
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În ceea ce priveşte compoziția vizuală, o interfaţă pentru a fi ergonomică trebuie să 
posede următoarele calități: 
e echilibrul vizual (visual balance); 
e simetria (symmetry); 
e regularitatea (regularity); 
e predictibilitatea (predictibility); 
e iterativitatea datelor (sequentiality); 
e economia de mijloace (economy); 
unitatea (unity); 


proporţia elementelor (proportion); 
e simplitatea (simplicity); 
e folosirea grupării (groupings). 

Un alt aspect important din punctul de vedere al ergonomiei cognitive este cel referitor 
la prezentarea datelor, după cum vom vedea şi în cele prezentate în continuare în cadrul 
acestui capitol. De exemplu, vizualizarea unui text se poate face într-o multitudine de 
forme, fiecare manieră putând avea un impact diferit asupra utilizatorului. De la 
schimbarea corpului de litera si a diverselor proprietăţi ale acestuia până la plasarea diferită 
a textului în cadrul paginii sau de la evidenţierea unor fragmente de texte până la 
eliminarea unor parti, toate aceste acțiuni conduc la un mod diferit de receptare a 
semanticii conţinutului. Prezentarea informaţiilor numerice într-o formă ergonomică nu 
este o procedură facilă. Nu trebuie afişate informaţii cantitative, ci calitative. Deseori, 
informaţiile textuale pot fi reprezentate mai adecvat în manieră grafică — la fel, în cazul 
introducerii datelor. 

Din perspectiva factorilor software, fiecare platformă (sistem de operare, browser Web, 
instrument grafic de proiectare etc.) oferă un set — de cele mai multe ori, cuprinzător — de 
elemente de interacțiune cu utilizatorul, implementarea efectivă realizându-se prin 
recurgerea la diverse APl-uri (Application Programming Interface). În vederea dezvoltării 
interfetei-utilizator, se poate recurge si la folosirea diverselor sisteme de componente 
(component systems), posibil scrise în limbaje de programare diferite, care pot asigura 
modularizarea, flexibilitatea şi consistenţa interfeţei. 

Elementele interactive ale interfeţei — numite şi controale, componente sau widget-uri — 
se pot clasifica în următoarele categorii: imperative şi de selecţie, de introducere şi afişare 
(I/O) şi altele. 

Aspectele importante de care trebuie să se tina cont sunt cele privitoare la: 

e aparență — referindu-se la maniera de afişare; 

e interacțiune — furnizează modalitatea de interacţiune; 

e semantică — desemnează ce anume reprezintă sau execută. 

Faţă de elementele interactive tradiţionale, cele Web sunt mai limitate, rezumându-se 
de cele mai multe ori la cele oferite de construcţiile XHTML de realizare a formularelor 
electronice — a se revedea capitolul al patrulea. 'Totuşi, se poate recurge la interacțiuni mai 
sofisticate graţie programelor de tip script (eg.: JavaScript), a controalelor de tip ActiveX 
sau applet-urilor Java ori apelând la Flash. Astfel, asistăm la proliferarea unor elemente de 
interacțiune Web precum calendarele, selectoarele de culori, diversele tipuri de butoane şi 
meniuri de legături, mijloacele mai sofisticate de navigare ori paginare a conţinutului etc. 
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Ergonomia navigării 


Studiile de specialitate au relevat faptul că utilizatorii vor reveni pe un sit Web nu neapărat 
pentru animatiile existente sau aspectul artistic al sitului sau a primei pagini, ci mai ales 
dacă acest sit va oferi un mod judicios de organizare a informaţiei, se va încărca rapid şi va 
fi uşor de exploatat — toate în ansamblu definesc ergonomia sitului Web. 

Dacă în cazul unei interfețe convenţionale nu se pune în mod direct problema 
navigării, deşi unii cercetători au pus-o în discuţie — de exemplu, asigurarea fluxului 
aplicaţiei (urmărirea modelelor mentale, păstrarea la îndemână a instrumentelor etc.) sau 
asigurarea orchestratiei —, în cazul spaţiului World-Wide Web aceasta reprezintă unul 
dintre principalele aspecte pe care trebuie să-l aibă în vedere un proiectant de situri 
(aplicaţii) Web. 

Aşa cum vom observa din discuţiile de mai jos, succesul unui sit Web va fi determinat 
în mare măsură si de proporţia in care sistemul actual de organizare se potrivește 
aşteptărilor vizitatorilor. O organizare logică va permite utilizatorilor să formuleze cu 
succes predicții asupra localizării pe sit a informaţiilor dorite. Metodele consistente de 
grupare, de ordonare, de etichetare si de stabilire a aranjamentului (/ayozr-ului) 
informaţiilor, de cele mai multe ori în manieră grafică, dau posibilitatea utilizatorilor şi în 
cazul paginilor noi, cu care nu sunt încă familiarizați, să-și folosească experiența deja 
acumulată pe parcursul vizitelor la alte documente Web ale sitului. Aceasta se bazează pe 
capacitatea oamenilor de a clasifica formele, adică de a urma anumite sabloane (pattern-uri) 
structurale. Mulţi utilizatori nu vor putea regăsi în cadrul conţinutului legături spre alte 
pagini, dacă acestea sunt redate într-un mod necorespunzător. 

Sistemul de navigare prin sit poate fi unul persistent, în sensul că orice pagină a sitului 
oferă aceleaşi modalităţi de parcurgere a conţinutului, într-un mod consistent, clar și 
evident — a se vedea interfaţa sitului S/ashDot. Vizitatorii vor detecta uşor legăturile de 
interes si isi vor forma anumite sabloane mentale pentru a naviga ergonomic în cadrul 
sitului. Navigarea poate fi şi zerarhiai (eventual combinată cu cea persistentă), oferind 
utilizatorului o manieră arborescentă de parcurgere a conţinutului. Materialul este 
structurat în grupuri de secțiuni şi subsectiuni, pe câteva niveluri de interes. Un alt tip de 
navigare este cea contextuald, în care vizitatorului îi sunt indicate locul în care se află, calea 
pe care a urmat-o pentru a ajunge la o pagină şi legăturile spre alte documente. 


Alte tipuri de interacțiune 


În cazul acestor interfețe tridimensionale, modul de interacţiune si de percepţie a 
informaţiilor este unul diferit, trebuind adoptate maniere noi de evaluare şi de ameliorare a 
interfetelor. De exemplu, ergonomia suprafeţei de lucru va trebui să ia în consideraţie 
mişcarea utilizatorului în cadrul mediului virtual, plus interacțiunea mult mai bogată cu 
elementele acestuia sau cu alti utilizatori — fiecare reprezentat de măcar un avatar — în cazul 
unui mediu virtual colaborativ (a se revedea cele descrise în subcapitolul 2.2 al celui de-al 
doilea capitol). 

O altă direcţie interesantă o constituie cea a interacțiunii cu dispozitivele mobile, tot 
mai flexibile şi versatile, oferind o plajă tot mai largă de modalități de dialog, atât în 
manieră clasică, dar mai ales via gesturi, voce sau suportand interacțiuni multimodale. Pe 
termen lung aceasta va conduce la instituirea unui mediu ubicuu (ubiquitous environment, 
caracterizat de o inteligență ambientală globală (g/obal ambiental intelligence). 
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ZIUA - Cultura - Miercuri, 20 aprilie 2005 

Zece ani cu Polirom 

"Ego. Proza” in spectacol-lectura 

De 10 ani, cititorii traiesc alaturi de o editura care creste in fiecare cat altele 
in... zece. Editura Polirom implineste in 2005 un deceniu de existenta - intregul 
an va fi, de altfel, marcat de evenimente speciale. 

Astazi, de ora 18.00, Editura Polirom isi invita fidelii cititori la Clubul Green 
Hours , la un spectacol-lectura dupa patru dintre volumele colectiei "Ego. 
Proza": "Blazare", de Petre Barbu, "Degete mici”, de Filip Florian, "Scurta si 
plictisitoarea viata a lui Kjus", de Silviu Gherman, si "O limba comuna", de 
Sorin Stoica. Lectura e facuta de regizoarea Ana Margineanu: "Am citit toate 
cartile si am incercat un fel de compromis intre fragmentele reprezentative 
pentru sensul cartii si al conceptului autorului si ceea ce ar trezi interesul 
publicului. Accentul nu va cadea neaparat pe mesajul cartii, ci mai degraba pe 
fragmentele care ar putea incita publicul la lectura. Provocarea pentru mine a 
fost sa gasesc teatralitate in niste texte dedicate strict cititorului." Lectura va fi 
facuta de actorii Mihai Calin, Toma Danila, Silviu Gherman, Gabriel Pintilei si 
Cosmin Selesi. Despre cele patru carti si colectia de proza tanara a editurii va 
vorbi criticul literar Luminita Marcu. (1.P.) 

(c)2003 ZIUA SRL 
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Asigurarea interactiunii cu utilizator în contextul accesului la continutul unui sit Web 
via un emulator de dispozitiv fără fir 


5.2 Etapele dezvoltarii unui sit 


De vreme ce proiectarea de situri Web reprezintă în fapt un caz particular de proiectare a 
interfetelor cu utilizatorul, vom încerca pe parcursul acestui capitol să oferim diverse 
soluţii la problemele proiectării şi realizării efective de interfețe om-maşină. Acest proces 
complex va fi urmărit şi detaliat din perspectiva următoarelor etape (care ulterior vor putea 
fi rafinate): 

— identificarea şi înțelegerea nevoilor utilizatorilor finali, 

— analizarea activităţilor şi a contextului interacțiunilor dintre om şi maşină, 

— prototipizarea interfeţei, 

— evaluarea interfeţei, 

— programarea interfeței, 

— reiterarea etapelor anterioare. 


Proiectarea se poate desfăşura iterativ, reprezentând un proces ciclic de rezolvare a 
problemelor inerente ale specificării incomplete a cerințelor printr-o dezvoltare 
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incrementala a interfeţei. La crearea sitului se pot coopta beneficiarii, care devin evaluatori 
ai interfeţei Web pe parcursul dezvoltării ei. 

Un aspect important este cel al prototipizdrii care oferă posibilitatea de a exprima 
concepţia de ansamblu a sitului, de la primele faze ale proiectării acestuia. Crearea de 
prototipuri ale sitului permite experimentarea de timpuriu a interacțiunii dintre vizitatori si 
aplicaţia Web, oferind mijloacele necesare descoperirii unor carente ale cerințelor şi testării 
proiectului în curs. De asemenea, în acest mod se furnizează o parte din funcționalitate cât 
mai curând posibil, atragandu-se chiar si utilizatorii finali în cadrul procesului de 
proiectare. Prototipizatea poate recurge la schiţe fizice (scheme ale interfeţei sitului şi 
studii de caz desenate pe hârtie) sau la schiţe electronice (generate prin intermediul unor 
aplicaţii). Unul dintre tipurile cel mai frecvent folosit este cel al prototipului orizontal, care 
reprezintă o secvenţă de ecrane (storyboard) descriind modul de prezentare a informaţiei, 
fără a se oferi şi funcționalitatea aferentă. 


5.2.1 Scopul si obiectivele sitului Web 


Identificarea şi înţelegerea nevoilor vizitatorilor sitului dorit a fi proiectat au în vedere 
stabilirea scopului acestuia. Oricare ar fi specificul sitului Web, primul pas este acela de a ne 
asigura că ne-am definit un set de obiective, adică stim ce dorim să realizăm o dată cu 
demararea activităţilor de construire şi dezvoltare a sitului. Fără o frază clară — menită a 
preciza scopul şi obiectivele — proiectul nu va avea succes. Conştientizarea scopului dorit a 
fi materializat şi grija planificării activităţilor sunt cruciale, mai ales dacă facem parte dintr- 
o echipă de design a unui sit. Înainte de a începe construirea sitului respectiv, trebuie să 
avem în vedere: 


e identificarea publicului-tinta (target audience); 

e stabilirea scopului sitului; 

e cunoaşterea obiectivelor principale; 

e întocmirea unui plan concis privitor la informaţiile disponibile pe sit. 


In paralel, va trebui demarată activitatea de identificare a tuturor informaţiilor textuale, 
grafice şi multimedia si a resurselor disponibile pe care va fi necesar să le colectăm sau să 
le cream pentru a atinge obiectivele stabilite. 


Stabilirea obiectivelor finale 


Principiul de design al sitului este furnizat de sloganul sub care urmează a se desfăşura 
întreaga activitate: o frază clară şi scurtă care expune obiectivele. Trebuie să avem o 
motivaţie precisă în crearea unui sit Web, iar pentru aceasta este imperios necesar să 
explicităm obiectivele, în funcţie de îndeplinirea acestora urmând a analiza viitorul succes 
al sitului nostru. 

De exemplu, o frază-cheie specificând obiectivele sitului Web al unei societăți de 
prestări de servicii ar putea fi: 


„Situl Web va reduce solicitările de la biroul de informații referitoare la activitățile societății. Situl 
Web va descongestiona personalul responsabil cu activitatea de corespondență. Pe sit va fi 
disponibil întregul continut al publicației pe care o editează trimestrial organizatia, plus diverse 
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informații de actualitate. După un an se va decide prin vot dacă publicația Web a avut succes şi 
se va analiza posibilitatea de a se renunța la forma tipărită a acesteia, micsorandu-se cheltuielile”. 


Această enuntare a scopurilor poate continua cu enumerarea mai multor obiective 
financiare şi organizaționale specifice, cu stabilirea perioadei şi a modului de evaluare a 
succesului prezenţei pe Web a respectivei societăţi, prin intermediul sitului dezvoltat. 

Desigur, trebuie să ţinem seama de faptul că obiectivele de mai sus nu pot fi aplicate în 
cazul unui sit Web de altă factură (de exemplu, scopurile unui sit dedicat divertismentului 
interactiv diferă de cele ale unui sit asociat unei conferințe ştiinţifice din domeniul 
calculatoarelor). 

De multe ori, se întâmplă ca problema principală să o constituie tocmai lipsa scopului. 
O motivaţie de genul „și alte companii au situri pe Web” nu reprezintă un argument 
acceptabil. Desigur, din ce în ce mai des apare — mai ales în mass-media — sintagma „dacă 
nu eşti pe Internet, nu exişti” şi, ca atare, nici o organizaţie serioasă nu isi poate permite sa 
neglijeze acest mediu de comunicare si de afaceri. În prezent, a poseda doar un sit Web 
drept carte de vizită on-line — mijloc de promovare a imaginii firmei — nu este un demers 
suficient. De asemenea, acest aspect nu reprezintă nici pe departe modul cel mai eficient 
de valorificare a posibilităţilor oferite de tehnologiile Internet, în general, şi de cele Web, în 
special. 

Trebuie reţinut faptul că procesul de construire a unui sit se desfăşoară in mai multe 
etape, informaţiile puse la dispoziţie prin intermediul lui schimbându-se frecvent. Editarea 
pe termen lung a informaţiei şi dezvoltarea tehnică a sitului trebuie să facă parte din 
planurile noastre importante legate de design. Fara această perspectivă pe termen lung, 
situl Web va avea aceeaşi soartă ca multe publicaţii tipărite ori producţii televizate, care au 
debutat în condiţii favorabile, dar nu au avut continuitate. 


Cunoaşterea audienței 


Un bun start pentru a stimula personalul să conlucreze la conturarea unei imagini cât mai 
benefice asupra organizaţiei este evaluarea avantajelor pe care ar putea să le aibă 
utilizatorul care va aloca din timpul său câteva minune pentru a ne vizita situl. 

Identificarea potenţialilor vizitatori ai sitului este decisivă. Structurarea — si apoi 
rafinarea — designului sitului se vor tealiza în concordanță cu nevoile si așteptările 
audienței. Gradul de instruire, interesele si dorinţele utilizatorilor vor varia de la novicii 
care au nevoie de o introducere atent structurată până la utilizatorii experți — iritati de orice 
aspect care le întârzie accesul la informaţie. Un sit Web bine proiectat ar trebui să fie 
capabil să se acomodeze unei game largi de interese și aptitudini ale utilizatorilor. De 
exemplu, în contextul intranetului, dacă scopul sitului este de a furniza informaţii interne 
privitoare la firmă (eg.: documente despre resursele umane, noi oportunități apărute in 
cadrul companiei sau alte informaţii care de obicei sunt tipărite), situl va fi folosit de 
angajaţii acelei organizaţii, fiind vizitat chiar de mai multe ori pe zi. 

Va trebui, aşadar, să descoperim ce informaţii ar putea avea valoare pentru vizitatori şi 
să le oferim în cadrul sitului. 

În primul rând, trebuie să ne concentrăm asupra primei impresii pe care le-o face 
vizitatorilor situl nostru. Prima pagină a sitului ar trebui să se infatiseze utilizatorilor 
asemenea copertelor de reviste. Obiectivul principal este cel de a atrage utilizatorii 
ocazionali prin intermediul unor imagini plăcute şi al unor sloganuri prezentând 
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conţinutul. Toate legăturile din pagina de start trebuie să conducă spre paginile subiectelor 
importante din cadrul sitului. 
Pentru aceasta, trebuie să mulțumim mai multe categorii de utilizatori ai sitului, cate pot fi: 


Utilizatorii novici şi cei ocazionali. Posibilităţile de înţelegere şi orientare ale acestora 
sunt dependente de o structură clară a sitului şi de un acces facil către schemele de 
organizare a informaţiilor disponibile. Novicii sunt intimidati de meniurile-text 
complexe si nu vor cerceta în detaliu situl dacă pagina de start nu oferă imagini 
atractive si nu este judicios organizata. Dupa studiile lui Jakob Nielsen — unul dintre 
specialiştii notorii în domeniul utilizabilitatii interfetelor —, mai putin de 10% din 
cititorii unei pagini Web au derulat documentul pentru a parcurge si informaţiile din 
partea inferioară a acestuia (astfel, în unele situaţii, vizitatorul vor rata tocmai cele 
mai importante aspecte pe care le doream să i le comunicăm). 

Utilizatorii ocazionali trebuie să beneficieze de pagini prezentând rezumate ale 
informaţiilor importante, de hărți ierarhice ale conţinutului sitului, de imagini 
sugestive care să-i ajute să-şi amintească localizarea informaţiilor din cadrul sitului. 
Pagini conţinând un glosar de termeni, acronime şi abrevieri, plus o listă cu 
„întrebări frecvente” (documente de tip FAQ — Frequently Asked Questions) pot fi de 
ajutor utilizatorilor ocazionali sau primilor veniţi, mai ales în cazul unor situri 
prezentând un conţinut complex, tehnic. 

Utilizatorii frecvenți şi experții. Această categorie vizitează situl cu scopul de a obţine, 
rapid şi cu un grad mare de acuratețe, informaţiile dorite. 

Utilizatorii experţi nu au răbdare să folosească meniuri grafice multiple oferind de la 
două până la şase opţiuni la un moment dat. Aceştia solicită accesul la meniuri 
textuale care se încarcă rapid si care pun la dispoziţie legături spre subiectele 
importante. Grafica şi/sau animația inutilă enervează acest tip de audienţă. 
Utilizatorii experţi şi cei frecvenți au formulate în general scopuri specifice şi vor 
aprecia legăturile spre informaţii de detaliu, motorul de căutare interna sau indexul 
sitului. 

Utilizatorii international. Proiectarea Web trebuie să tind cont si de internationalizare. 
Vizitatorii sitului pot proveni din medii si state diferite. Pentru a avea o audienţă 
largă, la nivel mondial, va trebui să oferim traduceri, în cele mai frecvent folosite 
limbi, cel puţin pentru paginile importante. 

Trebuie evitate elementele de jargon sau acronimele tehnice obscure în cadrul 
paginilor introductive. De asemenea, nu trebuie să presupunem că fiecare cititor 
este familiarizat cu convențiile locale privitoare la dată şi timp. De exemplu, 4/9/05 
pentru un cetățean american va însemna data de 9 aprilie 2005, dar utilizatorii din 
Europa ar putea interpreta această abreviere drept 4 septembrie 2005. Aceeaşi 
observaţie este valabilă şi pentru alte unităţi de măsură. 

Utilizatorii speciali. O categorie specială de utilizatori sunt cei prezentând diverse 
deficienţe fizice, de natură să le restrângă opţiunile loco-motorii şi/sau senzoriale. 
Un sit Web judicios proiectat va trebui să-i mulțumească şi pe aceşti vizitatori, 
punându-le la dispoziţie mijloace complementare de interacțiune (de exemplu, 
activarea unor legături cu ajutorul tastelor si nu a mouse-ului) si de parcurgere sau 
receptare a conţinutului propriu-zis (e.g: un browser vocal va putea citi unui utilizator 
descrierile textuale echivalente imaginilor pe cate îi este imposibil să le vadă într-o 
manieră corespunzătoare). Un program de calculator sau un sit este considerat ca 
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fiind accesibil dacă oferă posibilitatea de a fi exploatat de către oricine, inclusiv de 
către persoanele cu diferite handicapuri. În Statele Unite ale Americii există si o 
prevedere legislativă privitoare la accesibilitatea software-ului, regăsită sub numele 
de „Secţiunea 508” („Section 508”) — detalii la www. section508.gov. Vom 
discuta mai multe despre asigurarea accesibilitatii mai jos, în cadrul secțiunii 5.2.2 a 
prezentului capitol. 


Stabilirea cerințelor 


Proiectarea sitului trebuie să ia în consideraţie cerințele impuse de beneficiarul acestuia. Se 
impune aşadar discutarea cu beneficiarul, în amanuntime, a cerințelor, căzându-se de 
comun acord asupra unor aspecte generale şi/sau particulare ale sitului respectiv. 
Beneficiarul, autorul ori ambii pot decide, printre altele, care vor fi: 


e platforma-tinta (sistemul hardware, sistemul de operare, serverul Web, 
clientul / clienţii Web); 

e limbajul sau limbajele de programare utilizat(e) şi modul de procesare a datelor 
(dacă este cazul); 

e nivelul programării Web (pe server, la client sau o abordare mixtă); 

e sistemul de management al bazelor de date si al altor resurse; 

e cerințele de securitate (e.g.: controlul accesului); 

e designul general al sitului; 

e frecvența actualizării informaţiilor şi dinamicitatea lor; 

e audiența si specificul conţinutului. 


La finalul acestei faze se va realiza o specificaţie a sitului dorit a fi realizat, document 
care trebuie să cuprindă detalii privitoare la scopul conţinutului, bugetul alocat, calendarul 
activităţilor ce vor fi desfăşurate şi, desigur, aspectele tehnice. 

Documentaţia aferentă etapelor de realizare a sitului va putea cuprinde o descriere 
detaliată a istoricului şi scopurilor proiectului de realizare a aplicaţiei şi interfeţei, fiind 
necesară şi pentru reutilizarea unui proiect deja existent, coordonarea participanţilor 
la un proiect de durată şi facilitarea întreţinerii si utilizării ulterioare. Motivele redactării 
unor astfel de documente sunt legate de faptul că fiecare sit Web prezintă mai multe 
alternative de proiectare, fiecare implicând opţiuni şi compromisuri care trebuie surprinse 
clar. De asemenea, utilizabilitatea sitului este dependentă de contextul utilizării, fiind 
necesară descrierea contextului pentru care s-a decis o anumită funcţionalitate sau soluţie 
de proiectare. 

Trebuie să remarcăm faptul că verificarea şi validarea modelului de proiectare adoptat 
sunt de cele mai multe ori imposibil de realizat în realitate, deoarece constrângerile şi 
cerințele impuse de lumea reală nu sunt întotdeauna compatibile cu formalismul utilizat in 
verificarea şi validarea realizate la nivel teoretic. Mai mult, pot să apară şi aspecte legate 
de latura comercială /legală a proiectului. 


Problemele practice de construire şi de menţinere a unui sit Web de dimensiuni 
moderate (100 de pagini) pot fi multiple. Dintre acestea se pot enumera: 


e modificarea frecventă a documentelor având conţinut dinamic, dificil de controlat; 
e asigurarea integrităţii legăturilor dintre pagini; 
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e modificarea substanţială a structurii sitului drept consecință a schimbării 
conținutului; 
e conttadictia dintre design si funcționalitate. 


Categorii de situri 


Prezentările de informatie, indiferent de mediul folosit (mass-media clasice, 
CD/DVD-ROM, Web etc.), sunt guvernate de o serie de reguli, determinate de 
obiectivele propuse, de logistica efectivă a mediului ales şi de natura publicului căruia ne 
adresăm. 

Vom ilustra în continuare câteva dintre strategiile de prezentare a informaţiilor în 
funcţie de specificul sitului şi de audiența acestuia. Vom lua în calcul trei mari categorii de 
situri: de tip intranet, de conţinut şi de prezentare. 

Pentru început, ne vom concentra asupra sitului de tip intranet al unei organizaţii. Există 
patru teme majore în furnizarea informaţiilor in intranet în funcţie de două criterii: gradul 
de linearitate al prezentării si lungimea timpului de contact cu utilizatorul tipic. În 
concordanţă cu acestea, in intranet, pentru siturile având conţinut educational sau ale unor 
firme cate doresc să-şi instruiască personalul folosind tehnologiile Web, putem lua în 
calcul următoarele aspecte: 


e Instruirea. Aplicațiile de instruire bazate pe Web tind să organizeze informaţiile într- 
o formă plată, extrem de lineară, bazată pe metafora cărţii tipărite (a se revedea si 
secțiunea 1.2.5 a primului capitol). Vizitatorului i se prezintă puţine oportunități in 
ceea ce priveşte devierea de la ideea centrală a prezentării. Nu trebuie să confundam 
scopul unei astfel de aplicații Web — care este instruirea pas cu pas într-un anumit 
domeniu — cu propriile noastre aşteptări, oferind legături menite a-l îndepărta pe 
utilizator de mesajul central al sitului. 

Pentru facilitarea navigării, vor trebui puse la dispoziţie legături de navigare, de 
genul „Înainte” si „Înapoi”, oferind astfel cititorului o modalitate lineară de 
parcurgere a întregului conținut. Aceasta permite realizarea de aprecieri mai exacte 
referitoare la timpul petrecut de utilizator pe sit. 

Multe prezentări, axate pe subiecte concrete, presupun un timp de contact de mai 
putin de o ora sau sunt divizate în sesiuni cu întindere de maxim o oră. Este cazul 
cursurilor on-dine. Trebuie să informăm utilizatorii asupra timpului petrecut pentru 
parcurgerea întregii sesiunii şi să-i atenționăm să nu se abată de la materialul 
necesar. Aceasta mai cu seamă dacă doresc să obţină un atestat pentru acel cuts de 
instruire. 

Menţionăm faptul că aplicaţiile de instruire de acest gen necesită, în unele cazuri, 
autentificarea utilizatorului, iar informaţiile despre acesta şi scotul obţinut sunt 
stocate într-o bază de date conectată la situl respectiv. 

Ca exemplificare furnizăm adresa unui curs on-/ne privitor la multimedia — 
http: //www.alpeda.shef.ac.uk/. 

* Învățarea. Aplicațiile Web de învăţare sunt, de asemenea, construite în jurul unei 
expuneri centrale, dar de obicei oferă mai multe oportunități pentru studenţi. Un 
atu major este cel de a se putea urmări digresiuni interesante de la temele principale 
ale sitului, existând permanent posibilitatea revenirii la prezentarea centrală. 
Informaţia prezentată este mai sofisticată şi mai detaliată decât în cazul aplicaţiilor 
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de instruire. Structurile hipertext prea complicate pot distrage atenţia şi pot astfel 
împiedica vizitatorii să parcurgă prezentarea de bază. Dacă dorim să furnizăm 
utilizatorilor legături către alte resurse Web suplimentare (exterioare sitului nostru), 
va trebui să le grupăm într-o pagină separată, nu în cadrul materialului principal. De 
obicei, utilizatorii vor dori să tipărească materialul disponibil pe Web pentru a-l 
parcurge ulterior pe hârtie, de aceea trebuie să furnizăm si o versiune „pentru 
tipărire” (printer friendly) — în format HTML sau PDF — care organizează mai multe 
pagini într-una singură, eventual adoptând o formatare mai apropiată de cea a unei 
cărți tipărite. 

Educaţia. Publicul orientat către o învăţare eutistică, directă, va fi ititat de strategiile 
de design lineare. Adesea, utilizatorul tipic al aplicaţiilor educative posedă deja un 
anumit grad de cunoştinţe. Structurile hipertext nelineare, interactive, flexibile sunt 
cele mai potrivite pentru a organiza informaţiile destinate acestor utilizatori. De 
exemplu, este dificil să se stabilească a priori ce subiecte vor fi mai interesante 
pentru un licenţiat sau un profesionist experimentat. Designul trebuie să permită 
accesul rapid la o gamă largă de subiecte. Uzual, sunt prezente mai multe legături 
către materiale pe aceeași temă din cadrul sitului şi din situri externe. Listele cu 
legături text pot fi considerate ca fiind cuprinsul sau indexul temelor principale, 
deoarece se încarcă rapid şi cuprind multă informatie. Publicul-tinta însă se poate 
plictisi relativ rapid si are nevoie de ,,stimulente” pentru focalizarea atenţiei: imagini 
cu impact sau elemente grafice /multimedia aspectuoase cate să incite la parcurgerea 
materialului. De asemenea, trebuie prevăzute posibilități de listare a informaţiilor 
(articolelor) disponibile. 

Un dezavantaj al acestei abordări este imposibilitatea aprecierii duratei de vizitare. 
Aceasta, de cele mai multe ori, va fi mai scurtă decât în cazul siturilor de instruire 
sau de învăţare pentru că utilizatorii sunt, de obicei, sub presiunea timpului. 
Aspectul pozitiv constituie ulterioara revenire pe sit a vizitatorilor interesaţi de alte 
informaţii oferite sau de aprofundarea celor deja parcurse. 

Ca exemple de astfel de situri se pot enumera variantele on-dne ale enciclopediilor 
multimedia. Recomandam vizitarea siturilor Encyclopedia Britannica — www . eb . com 
sau Enciclopedia de filosofie Routledge — www. rout ledge . com. În ceea ce priveşte 
domeniul tehnologiei informaţiei (IT — Information Technology), două exemple sunt 
MSDN (Microsoft Developer Network) avand adresa 
http://msdn.microsoft.com ori situl dedicat tehnologiilor Web open-source 
O'Reilly OnLAMP care se poate parcurge la http: //www.onlamp.com. 
Documentarea. O alta categorie este cea a siturilor Web care permit accesul la diverse 
informaţii documentare sau la referinţe bibliografice privitoare la un anumit subiect. 
O proiectare bună va permite utilizatorilor să navigheze rapid, să găsească uşor ceea 
ce doresc şi apoi să tipărescă facil sau să salveze informaţiile corespunzătoare. Nu 
există reguli generale, iar modelele folosite sunt în totalitate nelineare. Conţinutul şi 
structura meniurilor de subiecte trebuie să fie organizate în mod profesionist pentru 
a permite o căutare rapida, ierarhică, o descărcare facilă a documentelor şi o 
accesare comodă a opţiunilor de tipărire a informaţiilor. Grafica trebuie să fie 
minimală pentru a micşora timpul de încărcare a paginilor. Situl trebuie să includă 
un motor de căutare internă şi un index de domenii. Pentru acest tip de situri, 
utilizatorul trebuie să petreacă un timp minim în vederea îndeplinirii scopului său. 
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Drept exemplu de astfel de sit putem da CiteSeer — www. citeseer.com — un 
depozit de informaţii preţioase în domeniul ştiinţelor calculatoarelor. 
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Exemplu de sit dedicat unei reviste on-line de informatică 


O a doua categorie majoră o reprezintă cea a s/f/rior de conținut. Acestea acumulează 
vizitatori interesați de informațiile oferite de cele mai multe ori gratuit şi devin 
generatoarele de trafic pentru siturile care au un caracter comercial 
(ie. magazinele electronice sau distribuitorii de servicii Web cu plată). Astfel, vizitatorii 
siturilor de conținut pot deveni ulterior clienți ai altor situri conexe, dedicate 
comercializării de bunuri si de servicii. 

Domeniul de specializare a informațiilor puse la dispoziție de un sit de conținut trebuie 
să reprezinte o nişă cu arie mică de interes. Un sit care cuprinde — într-o mixtură eterogenă 
— glume, SMS gratuit, horoscop, oferte de muzica digitizată si fotografii ale mănăstirilor 
din Moldova nu poate fi unul serios. Exceptia de la regulă o reprezintă portalurile — cazuri 
aparte din categoria siturilor de conținut, deoarece ele sunt de fapt integratoare de 
conținut, fără a fi însă doar simple colecții nestructurate de legături spre alte situri; a se 
vedea şi secțiunea 2.1.4 a capitolului al doilea. 

Unul dintre scopurile majore urmărit de un sit de conţinut este cel de a capta atenţia 
unui număr cât mai larg de vizitatori, ceea ce conduce la un trafic accentuat şi la 
posibilitatea de câştig prin expunerea unui număr cât mai mare de afişe publicitare ale unor 
situri comerciale sau prin racolarea de clienți. 

Obiectivele principale ale unui sit de conţinut pot fi: 
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° A fi lider în domeniul de specializare a sitului. Dacă nu ne propunem să fim primii, nu 
vom avea şansa să ocupăm nici măcar locul secund. Ca şi în jocul de şah, trebuie să 
retinem că inițiativa poate asigura victoria, iar această inițiativă, de cele mai multe 
ori, aparţine (doar) liderului. 

© Situl trebuie să acopere toate nivelurile calitative ale domeniului sau de specializare. Desi trebuie 

să se acorde prioritate informaţiilor de nivel mediu, accesibile marelui public (care, 
de altfel, generează majoritatea traficului), informaţiile preţioase, de calitate, din 
cadrul domeniului trebuie să constituie o condiție sime gua non în privința 
credibilitatii. 
Un prim avantaj este acela ca audienta va sesiza prezenta acestui nivel superior 
(chiar dacă nu înţelege si nu este interesată de aceste informaţii). Al doilea câştig 
provine din faptul că nivelul superior va determina formarea in timp a unei 
comunităţi a experţilor în domeniu, comunitate care se va asocia sitului şi-i va putea 
face reclamă indirectă, conducând la creşterea valorii acestuia. 

© Situl trebuie să genereze un trafic constant pentru un segment de public cât mai bine definit. 
Pentru viitorii posibili cumpărători de spaţiu publicitar în cadrul sitului nostru este 
foarte important să existe un public-ţintă bine definit. Îndeplinirea acestui obiectiv 
este dificil de întrevăzut la început. Realizând profilul vizitatorilor, putem constata 
ulterior categoriile principale ale audienței, iar designul si conţinutul sitului pot fi 
ajustate pe parcurs pentru a câştiga noi clienţi. 


Al treilea tip de sit Web îl reprezintă s747/ de prezentare a unei companii sau organizaţii. 
Unul dintre principalele aspecte de care trebuie să ţinem seama este acela că audiența 
sitului unei organizaţii nu este şi nici nu se doreşte reprezentată exclusiv de conducerea 
acesteia. Siturile focalizate pe descrierea companiei, a misiunii si istoriei acesteia, eventual 
chiar având fotografia managerului general în prim-plan (sau chiar pe prima pagină) nu vor 
capta atenţia clienţilor firmei, aceştia dorind informaţii concrete, utile. Situl Web nu trebuie 
conceput dupa dorinta personalului de conducere al organizaţiei, ci conform obiectivelor 
acesteia şi audienței reale. 
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În același timp, situl nu trebuie să fie o oglindă fidelă a companiei, pentru că vizitatorii 
ocazionali nu sunt interesaţi să deducă structura firmei din modul de organizare a sitului. 
Chiar dacă este mai uşor să se distribuie mai multor departamente responsabilitatile interne 
în ce priveşte dezvoltarea si întreţinerea sitului, scopul principal este asigurarea consistentei şi 
orientarea sitului către interesele posibililor clienţi. Deseori se dovedeşte necesar ca 
informaţia provenită de la un singur departament să fie distribuită pe mai multe pagini sau, 
dimpotrivă, în cadrul unei singure pagini să coexiste date referitoare la activitatea mai 
multor module departamentale. Interesele utilizatorilor sunt cele care dictează organizarea 
sitului şi nu structura internă a companiei. 

Sunt situaţii în care o companie furnizează un mod foarte avantajos de prezentare 
pentru medii de comunicare tradiţionale, dar obţine rezultate slabe în ceea ce priveşte 
prezenţa pe Web. Problema provine din faptul că spaţiul WWW este un mediu nou, fără 
asemănare cu mass-media. Nu se poate crea un sit bun al firmei preluând informaţiile şi 
designul dintr-o brosura sau dintr-un catalog de prezentare, chiar dacă acestea s-au bucurat 
de succes. Web-ul nu trebuie tratat ca mediu de importanţă secundară. 

Conţinutul propriu sitului Web al companiei trebuie să aibă în vedere specificul 
comunicării prin Internet. De regulă, creatorii specializați în transmiterea conţinutului de 
tip linear specific mediilor tradiţionale sunt incapabili să realizeze materiale de bună calitate 
pentru utilizarea pe Web. Aceasta deoarece a structura conţinutul într-o manieră dictată de 
tehnologiile bazate pe hipertext si a asigura şi o bună receptare a acestui conţinut 
reprezintă o activitate nu tocmai facilă. Este valabilă şi situaţia inversă: echipa care produce 
conţinut destinat publicării pe Web nu va putea lucra la proiecte destinate publicării în 
mass-media tradiționale. 
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La finalul acestei secțiuni trebuie să reținem faptul că siturile dedicate intranetului 
trebuie proiectate şi administrate într-o manieră diferită faţă de cele care se adresează unui 
public universal. Diferenţa majoră este dată de faptul că o companie poate avea un singur 
intranet, cu un public mult mai putin eterogen si mult mai predictibil decât cel al spaţiului 
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WWW. Organizațiile utilizează de obicei intranetul pentru a mari productivitatea muncii şi 
pentru a economisi timpul angajaţilor, recurgand la portaluri de tip întreprindere, evoluţia 
pe timp lung fiind aceea a constituirii unor portaluri Web strategice, menite a integra 
conţinutul, resursele companiei şi de a facilita colaborarea cu alti parteneri sau chiar clienți. 
În nici un caz în astfel de situri nu vom include reclame, de exemplu. 


5.2.2 Aspecte generale ale proiectării interfeței Web 


Utilizatorii spaţiului Web nu sunt doar în căutare de informaţii, ci interacționează cu ele 
într-o manieră deosebită, fără precedent în designul documentelor scrise. Interfața grafică 
cu utilizatorul a unui sistem computerizat include metafore de interacțiune, imagini şi 
concepte folosite pentru a transmite funcționalitate şi înţeles (semantică) într-un mod 
vizual. 

Caracteristicile fiecărei componente de interfață şi secvențele funcţionale ale 
interacțiunilor cu utilizatorul produc aspectul si percepţia (ook and feel) paginilor Web şi 
relațiile dintre pagini. Designul grafic nu este folosit numai cu scopul de a inviora 
informaţia, grafica paginilor Web fiind parte integrantă a experienţei vizitatorului sitului în 
cauză. În cazul documentelor interactive, este imposibil să se separe complet designul 
grafic de funcțiile designului de interfață. 


Strategii de realizare a designului 


Există o varietate de modalităţi de a proiecta un sit Web, în funcţie de dorințele și/sau 
cunoştinţele tehnice ale dezvoltatorului, de cerinţele pietii ori ale utilizatorilor, de resursele 
deţinute etc. Vom enumera în continuare principalele strategii de realizare a designului 
Web: 

e O KISS (Keep It Simple, Stupid) — cea mai facilă cale de a demara proiectarea unui sit 
este cea de a ne limita la cele mai simple (ori simpliste) tehnologii; 77 extremis, situl 
va fi o colecţie de documente HTML 3.2 (unele navigatoare „venerabile” ar putea 
să nu implementeze construcțiile HTML 4 ori XHTML 1), prezentarea 
informaţiilor realizându-se fără concursul proprietăţilor CSS, al elementelor 
dinamice DHTML, Flash sau SVG. Drept beneficii ale unei astfel de abordări se 
pot menţiona rapiditatea realizării sitului, simplitatea structurii paginilor, asigurarea 
faptului că documentele vor putea fi vizualiza la fel, indiferent de browser, 

e folosirea celor mai recente tehnologii — spre deosebire de strategia anterioară, aceasta 
foloseşte tehnologia de ultimă oră, dezvoltatorul fiind la curent cu ultimele 
tendinţe ale domeniului, cu cele mai interesante „trucuri” şi modalităţi de realizare 
a unui sit sofisticat, „la modă”. Complicarea designului poate fi periculoasă în 
unele cazuti, deoarece noile construcţii nu sunt suportate de navigatoarele ori plug- 
m-urile (mai) vechi ale utilizatorilor (de exemplu, ale şefului organizaţiei ori 
beneficiarului sitului). Resursele hardware/softwate necesare pot depăşi 
configuratiile obişnuite ale unor calculatoare (ne putem gândi că vizitatorilor le va 
fi dificil ori chiar imposibil să parcurgă un astfel de sit de pe un dispozitiv mobil 
având capacităţi reduse); 

e proiectarea pentru un singur browser — deseori, se întâmplă ca unii designeri să ignore 
faptul că nu toţi vizitatorii sitului vor folosi un anumit navigator ori chiar o 
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versiune particulară a acestuia. Aceasta conduce la depărtarea de standarde si la 
folosirea exclusiva a facilitatilor, de cele mai multe ori proprietare, oferite de 
browser-ul în cauză. În plus, situl devine dependent de un produs software specific, 
îngrădind opţiunile ulterioare de proiectare. Menţionăm aici că în cazul unui sit 
disponibil in intranet, putem să presupunem că (aproape) toţi utilizatorii vor 
recurge la acelaşi tip de browser, 

e proiectarea pentru mai multe navigatoare — o soluţie este aceea de a realiza variante 
multiple ale sitului, câte una pentru fiecare tip de browser în parte (navigatoare 
text, navigatoare grafice vechi, navigatoare grafice actuale, navigatoare speciale 
utilizate pe dispozitive cu rezoluţie mică a ecranului şi având capacităţi hardware 
limitate). De asemenea, în funcţie de preferinţele utilizatorilor ori de p/ug-in-urile 
instalate se pot crea versiuni multimedia Flash, SVG ori recurgand la app/er-uti Java 
sau componente ActiveX. O problemă este cea a actualizării conţinutului tuturor 
vatiantelor de sit proiectate, astfel încât consistenţa datelor să se păstreze. O 
soluţie este dată de tehnologiile (familia de limbaje) XML; 

e utilizarea unor instrumente de design — în loc de a învăţa si experimenta diverse limbaje 
de marcare și/sau de programare, putem recurge la functionalitatile oferite de 
diversele programe de creare a documentelor Web, mai mult ori mai puţin 
flexibile, ergonomice şi compatibile cu recomandările Consortiului Web. Desigur, 
nu vom avea controlul deplin al codului generat, dar productivitatea noastra ar 
putea fi una mai bună (nu neapărat si cunoștințele în domeniu vor fi mai 
profunde). Folosirea unui editor Web vizual mai vechi ar putea cauza probleme, 
deoarece documentele generate de cele mai multe ori nu se conformează 
standardelor în vigoare şi ignoră prevederile referitoare la optimizarea codului 
pentru motoarele de căutare ori la accesibilitatea conţinutului. 


Design Web versus design clasic 


Multe dintre conceptele curente privind structurarea informaţiei derivă din organizarea 
cărţilor tipărite şi a periodicelor. Sistemele automate de catalogare si de indexare s-au 
dezvoltat în contextul informaţiei tipărite. Standardele de interfață cu cititorul ale 
tipăriturilor sunt bine stabilite şi respectate, instrucțiuni detaliate pentru crearea cărților 
putând fi găsite in diverse ghiduri de tehnoredactare computerizată (DIP — DeskTop 
Publishing). Fiecare caracteristică a cărţii, începând de la cuprins până la indexul final sau 
notele de subsol, a evoluat de-a lungul secolelor, iar cititorii primelor cărți tipărite au 
întâmpinat unele dintre aceleaşi probleme de organizare cu care se confruntă utilizatorii de 
documente hipermedia de astăzi. Biblia lui Gutenberg din 1456 este adesea citată drept 
primă carte modernă, dar au trebuit să se scurgă mai mult de o sută de ani pentru a se 
utiliza curent numerotarea paginilor, indexarea sau cuprinsul — caracteristici obişnuite ale 
cărţilor actuale. 

Similar, documentele Web trebuie să evolueze, iat proiectantii lor trebuie să urmeze 
diverse standarde privind organizarea şi prezentarea informaţiilor în formă electronică. 

Trebuie însă ţinut cont de faptul că, deşi documentele hipermedia interactive ridică noi 
provocări pentru designerii de informatie, o mare parte din cunoştinţele necesare in 
vederea proiectării, generării, asamblarii, editării şi organizării multiplelor forme de medii 
de comunicare nu sunt foarte diferite de cele folosite curent în cadrul mediilor tipărite. 
Multe dintre documentele Web trebuie să fie conforme convențiilor utilizate de 
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tehnoredactorii de materiale tipărite, în ceea de priveşte stilul editorial si organizarea 
textului. O mare parte din ceea ce trebuie să cunoască o organizație despre crearea de 
standarde de publicare internă — clare, cuprinzătoare şi consistente — este deja disponibilă 
în ghiduri precum cel redactat de compania Xerox. 


Cine, ce, când şi unde... 


Dacă din punct de vedere tehnic am văzut cum putem utiliza marcatorii XHTML în 
realizarea unei pagini, în cadrul acestui capitol vom încerca să detaliem diferite puncte de 
vedere legate de stilul si designul Web. 

Chiar daca deseori structurile hipertext urmăresc metafora cărții tipărite, paginile Web 
sunt diferite de cărţi şi de alte documente tipărite prin faptul că legăturile dintre diferite 
noduri permit utilizatorilor accesarea directă a unei pagini individuale din grupul de 
documente care formează o anumită structură hipertext (locală). Astfel, paginile Web sunt 
mai independente decât corespondentele lor compunând o carte convenţională. De obicei, 
aceasta înseamnă că anteturile şi subsolurile paginilor Web contin mai multe informaţii şi 
sunt mai elaborate decât paginile tipărite (de exemplu, pot include legături de navigare spre 
alte documente). Ar fi absurd să repetăm prevederile legate de drepturile de autor, numele 
autorului si data creării în subsolul fiecărei pagini a unei cărți tipărite. Prin contrast, 
paginile Web individuale necesită prezenţa unor astfel de informaţii, deoarece o anumită 
pagină Web a unui sit poate fi singura parcursă de o mare parte a vizitatorilor acelui sit. 
Această situaţie este o caracteristică şi pentru ziare sau reviste, majoritatea publicaţiilor de 
acest gen repetând data, volumul şi numărul în antetul ori subsolul fiecărei pagini tipărite 
pentru că cititorii extrag adesea fragmente din ziar, păstrând doar paginile articolelor care 
le-au captat atenţia sau fotocopiază pagini din jurnale şi au nevoie de informaţii referitoare 
la sursa originală a articolului în vederea alcătuirii de referinţe bibliografice, de exemplu. 

Aceste potenţiale dificultăți în proiectarea siturilor Web — uşor de folosit, dar si 
conţinând informaţii structurate în manieră complexă — conduc la observaţia că o strategie 
cate trebuie urmată este aceea de a aplica în mod consistent în fiecare pagină creată o serie 
din principiile de design specifice documentelor tipărite, aplicându-se astfel o serie de 
sabloane de proiectare Web. Elementele de bază ale structurării unui document nu sunt 
complicate şi aproape nu au nici o legătură cu tehnologiile Web. Trebuie să privim acest 
proces conform unor principii similare celor specificate de un curs de la şcoala de 
jurnalism, răspunzând la întrebările: cine?, ce?, când? şi unde? 


e Cine? Utilizatorul trebuie să cunoască sursa de informatie dintr-o pagină Web. 
Întrebarea Cine vorbeşte? este firească. Autorii documentelor Web trec uşor peste cea 
mai importantă parte a informaţiei de care un cititor are nevoie pentru a-şi da 
seama de proveniența unui document: Cine imi spune toate acestea mie? 

Indiferent dacă pagina aparține unui sit personal sau unei instituţii, trebuie să-i 
oferim cititorului posibilitatea de a afla imediat cine a creat acea pagină Web (że. 
„Autorul acestei pagini este X, actualmente documentul fiind întreţinut de Y”). 
Avalanşa de situri Web propagând informaţii incorecte sau intenționat incomplete 
oferă un exemplu grăitor despre modul în care ,,informatia” cu origine necunoscută 
poate domina repede realitatea, erodând credibilitatea conţinutului. 

e Ce? Toate documentele au nevoie de titluri clare pentru a capta atenţia cititorului. 
Din diverse motive specifice Web-ului, acest element de bază al editării devine 
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crucial. Titlul documentului este adesea primul element pe care navigatoarele Web il 
procesează în timp ce pagina este încărcată. În cazul paginilor cu multă informaţie 
grafică, titlul poate fi unicul element pe care utilizatorii îl văd în timpul (îndelungat, 
de multe ori) cât fişierele grafice se încarcă. Aceeași observaţie şi în cazul paginilor 
realizate exclusiv în Flash. 

În plus, titlul paginii va deveni textul „semnului de carte” (bookmark) al 
navigatorului dacă utilizatorul decide să adauge pagina la lista de adrese favorite. 


Add Bookmark 


Name: 


Create in: [= Bookmarks Toolbar Folder 


EI [> Bookmarks 
E-L Bookmarks Toolbar Folder N 


fe) Firefox & Mozilla Information 
=) Quick Searches 
LO Imported IE Favorites 


New Folder... 


Adăugarea unui sit Web la lista semnelor de carte ale navigatorului Firefox 


Un titlu stabilit gresit sau ambiguu ori un titlu continand un jargon tehnic nu vor 
ajuta vizitatorii să-şi amintească de ce au pus „semn de carte” paginii în cauză. Mai 
mult decât atât, nici motoarele de căutare nu vor indexa într-un mod corespunzător 
acel document, fiind ştiut faptul că unul dintre criteriile importante al indexării 
conţinutului este dat tocmai de titlul paginii. 

Reamintim faptul că titlul unei pagini este specificat de elementul XHTML title. 
Multe editoare XHTML stabilesc implicit titluri de genul „Newpage” sau „Untitled 
document”. Prezenţa pe Web a unor astfel de pagini este inacceptabilă. 

Când? 'Timpul este un element important în evaluarea valabilitatii unui document. 
Ziarele, revistele şi teoretic toată corespondenţa de birou au înscrisă data redactării 
sau apariţiei. Aşadar, trebuie ca în subsolul paginilor să fie inserată data ultimei 
modificări a documentului respectiv. Această informaţie temporală trebuie ajustată 
la fiecare actualizare a documentului. Acest aspect este important în special în cazul 
documentelor ov-/ine complexe sau de dimensiuni mati, care sunt actualizate regulat, 
dar înfăţişarea lor nu se schimbă într-un mod care să semnaleze cititorilor 
ocazionali o modificare în cadrul conţinutului. Manualele destinate personalului 
organizaţiei, informaţiile despre produsele oferite de un sit comercial, documentele 
tehnice disponibile în format hipertext ar trebui să includă întotdeauna data ultimei 
revizuiri. 

În plus, data ultimei actualizări poate indica vizitatorului dacă un anumit sit mai este 
întreținut sau nu. Paginile conţinând textul „Ultima actualizare: 10 iulie 1997” în 
mod clar nu au mai fost reactualizate şi deci conţinutul lor ar putea fi, probabil, 
perimat. Atentionam proiectantii de pagini Web că nici situația de a data un anumit 
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document în viitor nu este de dorit. Credibilitatea sitului va avea de suferit dacă se 
stipulează că a fost creat în anul 2033. 

Unde? Web-ul este un „tărâm” curios si excentric care are dimensiuni 
informaţionale imense, dar oferă prea puţine indicii explicite despre localizarea 
fizică a unui document. Dacă nu ştim să interpretăm URL-urile, este dificil să 
indicăm originea unei pagini (in acest sens, recomandările Consortiului Web 
stipulează că nu trebuie să „ghicim” tipul de conţinut ori proveniența unui 
document examinând adresa lui). Mai mult, un sit poate fi găzduit oriunde, de 
multe ori un domeniu . ro fiind în fapt localizat peste hotare din motive de viteză a 
conexiunii Internet. 


Home 


httpvowlmindswap.org! 
http viveww.mindswap org! Demo y 
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Identificarea clară a provenientei unei pagini Web 


Întrebarea De unde provine un document? se află uneori în strânsă legătură cu întrebarea 
Cine este autorul documentului? Întotdeauna trebuie indicate cititorului apartenenţa si 
afilierea autorului paginii (localizarea fizică, instituţia, adresa). Incorporand în 
fiecare pagină Web o legătură către pagina principală a sitului, vizitatorul va putea 
uşor să-și dea seama de originea acelei pagini. Există însă şi posibilitatea ca, în cazul 
în care cititorul a salvat pagina ca fişier text sau a tiparit-o, legătura spre pagina 
principală a sitului să se piardă. Deşi navigatoarele Web actuale permit includerea 
automată a URL-ului paginii la momentul tipăririi, aceasta facilitate nu este folosită 
de toţi utilizatorii. Majoritatea posedă o mulțime de pagini Web tipărite, dar locaţiile 
Web de provenienţă ale acestor documente nu sunt uşor de regăsit. 

În concluzie, trebuie acordată atenţie sporită precizării titlului, autorului, 
organizaţiei din care face parte autorul şi datei ultimei actualizări a informaţiei. De 
asemenea, trebuie furnizată o legătură spre pagina principală a sitului din fiecare 
pagină componentă. Incluzand aceste elemente de bază, se va construi o interfață 
Web uşor de înţeles si de exploatat. 
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Designul de bază al unei pagini Web 


Una dintre regulile în conceperea unei interfeţe utilizator pentru un produs software este 
următoarea: O interfatd utilizator este bine scrisă atunci când programul se comportă exact asa cum se 
așteaptă utilizatorii săi. 

Această regulă trebuie avută în vedere şi la conceperea siturilor Web. 

Procesul de design poate fi direcționat fie spre scop, fie spre utilizator. În cazul 
proiectării dirijate de scop (7ask-centered interface design), primează scopurile producătorului 
(ofertantului) informaţiei şi nu cele ale consumatorului (utilizatorului). Atenţia este 
focalizată spre tehnologie si uşurinţa implementării, nu spre eficienţa utilizatorului, 
neluându-se în calcul ergonomia acţiunilor acestuia. În ceea ce priveşte proiectarea ditijată 
de utilizator (wser-centered interface design), interfaţa trebuie să mulțumească, să menajeze si să 
ajute utilizatorul. Designul trebuie să se realizeze având in vedere cerinţele utilizatorului, 
nu cele ale autorului sitului. 

Aşadar, în conceperea de situri Web trebuie să adoptăm un design orientat spre 
utilizator. Asa cum interfețele utilizator grafice (precum Windows sau X Window System) 
au fost proiectate să ofere utilizatorilor un acces direct, dar facil, la propriile calculatoare, 
utilizatorii aşteaptă același nivel sofisticat dar sugestiv al designului si în cazul paginilor 
Web. Scopul principal este cel de a satisface nevoile tuturor utilizatorilor potenţiali, 
adaptând tehnologia Web aşteptărilor lor. Nu trebuie cerut cititorului unui document Web 
să se conformeze, pur si simplu, unei interfeţe care pune obstacole în realizarea scopurilor 
sale. 

Cercetările prealabile privitoare la nevoile publicului căruia i se adresează un anumit sit 
sunt importante. Este imposibil să se proiecteze un sit având drept utilizator o persoană 
necunoscută, ale cărei nevoi nu sunt 4a priori cunoscute. Una dintre soluţii este crearea de 
scenarii în care să evolueze diferite tipuri de utilizatori căutând diverse informaţii pe situl 
proiectat. 'Trebuie să fim pregătiţi să răspundem la întrebări precum: 


¢ Un utilizator experimentat care doreşte să acceseze o anumită informatie va fi ajutat 
sau împiedicat în acţiunea sa de designul paginii? 

e Un vizitator novice va fi intimidat de un meniu complex bazat pe informaţii de tip 
text? 


Testarea designului realizat şi efectuarea de sondaje asupra preferințelor utilizatorilor 
sunt cele mai bune metode de a ne da seama dacă proiectarea efectuată oferă utilizatorilor 
ceea ce doresc ei de la situl nostru. 

Evident, proiectarea unui sit de divertisment destinat adolescenților nu va fi aceeaşi cu 
cea a unui sit informativ dedicat specialiştilor în istorie medievală. 

Pentru a asigura un design orientat spre utilizator, va trebui să luăm în consideraţie 
posibilităţile de navigare prin sit, accesul direct şi rapid la informaţii, asigurarea simplităţii 
şi consistentei, stabilitatea designului, crearea unui conţinut accesibil. Aceste subiecte vor fi 
dezvoltate în continuare. 


Navigarea prin sit 


Cea mai importantă problemă de interfaţă în cazul siturilor Web este absenţa orientării în 
cadrul organizării locale a informaţiei din acel sit. Pictogramele clare, consistente, o privire 
de ansamblu asupra sitului şi o pagină de cuprins pot da utilizatorilor încrederea că au 
posibilitatea de a găsi informaţiile dorite într-un mod eficient. 
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Utilizatorii trebuie să aibă întotdeauna posibilitatea de a se întoarce cu usurinta la 
pagina de start şi la oricare alte puncte importante de navigare prezente în cadrul sitului. 
Aceste legături fundamentale, care ar trebui să fie prezente în fiecare pagină a sitului, sunt 
butoane grafice sau ancore text, furnizând legături de navigare de bază şi dând certitudinea 
utilizatorului că se află în continuare în domeniul sitului nostru. 


@ PREVIOUS HOME NEXT ® 
Tricks with Tables BOOK INDEX Creating New Windows 
HTML | CGIPROGRAMMING | JAVASCRIPT | PROGRAMMING PERL | WEBMASTER IN A NUTSHELL 


Legături de navigare prezente în fiecare pagină a unui manual electronic 
disponibil pe situl editurii O'Reilly 


Bara cuprinzând legăturile de navigare trebuie să fie folositoare (să cuprindă opţiuni 
care să nu ocupe loc prea mult în pagină), predictibilă (întotdeauna trebuie localizată 
similar, în cadrul fiecărei pagini) si să furnizeze o identitate grafică sau textuală consistentă 
fiecărei pagini a sitului. Modul de aranjare a acestor meniuri navigationale va fi detaliat in 
secțiunea 5.2.3. 

O altă sursă de confuzie pentru utilizator o constituie lipsa legăturilor dintr-o pagină. 
Fiecare document Web trebuie să includă măcar o legătură. Paginile fără legături către alte 
pagini localizate pe acelaşi sit nu numai că sunt frustrante, dar reprezintă o oportunitate 
irosită de a aduce vizitatori pentru alte pagini ale sitului. 

Cititorii pot urma legăturile direct către paginile unei subsectiuni, adanciti în structura 
hipertext a siturilor Web. Este posibil ca aceştia să nu acceseze niciodată pagina de start 
sau altă informaţie de prezentare a unui sit, navigarea pornind de la un document 
particular al sitului. Dacă paginile subsectiunilor nu contin legături spre nivelurile 
superioare ale ierarhiei de pagini sau spre pagina de start, vizitatorul nu mai poate accesa 
restul sitului si ajunge aşadar într-o „fundătură” Web. 


Contextul 


O interfață Web bună trebuie să ţină cont de context, vizitatorii trebuind să fie conştienţi 
de poziţia lor în cadrul organizării informaţiilor de pe sit. În cazul documentelor tipărite, 
contextul este dat de o combinaţie de indicii organizaționale si grafice puse la dispoziţie de 
designul grafic al publicaţiei şi de faptul că acel document (carte, revistă, raport tehnic) este 
perceput ca obiect fizic. 

Prin contrast, documentele electronice nu furnizează nici un indiciu fizic pe care să-l 
luăm în consideraţie atunci când apreciem informaţia oferită — altfel spus, nu sunt 
palpabile. Într-o pagină Web, atunci când vizitatorul are posibilitatea de a urma o legătură 
hipertext nu poate cunoaşte cu certitudine unde va fi condus, câtă relevanţă va avea pentru 
el informaţia disponibilă la celălalt capăt al legăturii şi în ce mod informaţia spre care este 
condus se raportează la pagina curentă. Aşadar, proiectantul Web trebuie să furnizeze un 
anumit context al navigării. 
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O altă situaţie, uneori frustantă, este aceea în care unele pagini Web nu sunt afişate în 
totalitate la o rezoluţie comună de 800x600 (sau, mai nou, de 7681024 ori chiar 
1280x960 de pixeli), astfel încât va exista întotdeauna o parte a documentului pe care 
utilizatorul nu o poate vedea. Mai mult, paginile Web trebuie să ofere utilizatorilor indicii 
privind contextul şi organizarea informaţiilor, deoarece doar un anumit fragment dintr-un 
sit (chiar mai puţin din conţinutul unui document) este parcurs la un moment dat de un 
anumit vizitator. Utilizatorul poate astfel să nu fie capabil să-și facă o imagine de ansamblu 
asupra informaţiilor disponibile pe un sit Web. Acest aspect devine foarte important în 
cazul siturilor informative sau de comerţ electronic (de exemplu, dacă informaţiile 
referitoare la coşul de cumpărături şi maniera de realizare a comenzii on-/ine sunt redate in 
partea inferioară a paginii Web, vizitatorul va trebui să se folosească frecvent de bara de 
defilare pentru a putea parcurge conţinutul). 


Ecranul utilizatorului 


3358532 


Utilizatorul nu are acces la întreaga informație disponibilă pe un sit 


Schimbările radicale în context pe care le pot genera hiperlegăturile pot uşor să-i 
încurce pe utilizatorii novici, care au nevoie de indicii organizaționale şi de elemente de 
interfață pentru a urmări şi a înțelege legăturile hipertext de la o pagină Web către alta. 

Asigurarea contextului se poate realiza prin intermediul unei structuri hipertext liniare 
(a se vedea secțiunea 1.2.3 a primului capitol) ataşate paginilor dintr-un fragment de sit. 
Legăturile inainte” şi „Înapoi” sunt foarte utile pentru a menţine utilizatorul în contextul 
informaţiilor pe care le parcurge. Acest aspect trebuie luat în calcul mai ales atunci când 
dotim ca utilizatorii să urmărească (sau cel puţin să recunoască) o secvenţă ordonată de 
documente. 

O posibilă sursă de confuzie este cea produsă de butoanele „Înainte” (Forward) si 
„Înapoi” (Back) din bara de navigare a browser-ului Web, mai ales în situaţia în care dintr-o 
pagină a unui sit utilizatorul urmează o legătură spre documente aparţinând altui sit. În 
cadrul paginii Web este indicat să includem butoane de navigare de genul „Pagina 
următoare” şi „Pagina precedentă” pentru a înlătura ambiguitatile. 

În orice situaţie, vizitatorul trebuie să aibă acces la instrumentele de navigare pentru a 
parcurge informaţiile de pe sit în ordinea pe care am stabilit-o. 
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) Temporal Logic - Mozilla Firefox D00 
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Temporal Logic 


The term Temporal Logic has been broadly used to cover all approaches to the 
representation of temporal information within a logical framework, and also more 
narrowly to refer specifically to the modal-logic type of approach introduced around 
1960 by Arthur Prior under the name of Tense Logic and subsequently developed 
further by logicians and computer scientists. 


Applications of Temporal Logic include its use as a formalism for clarifying 
philosophical issues about time, as a framework within which to define the semantics of 
temporal expressions in natural language, as a language for encoding temporal 
knowledge in artificial intelligence, and as a tool for handling the temporal aspects of 
the execution of computer programs. 


+ Modal-logic approaches to temporal logic 

+ Predicate-logic approaches to temporal logic 
+ Philosophical issues 

+ Applications 

+ Bibliography 

* Other Internet Resources 


+ Related Entries 


http: //plato.stanford.edu/contents. html#s A O error / 153 warnings 


Oferirea unor instrumente de navigare în cadrul sitului 


Accesul direct şi rapid 


În ceea ce priveşte categoria utilizatorilor experţi sau grăbiţi, scopul principal este de a le 
furniza informaţia de care au nevoie cât mai repede. Aceasta înseamnă că trebuie 
concepută o ierarhie eficientă a informaţiei, pentru a minimiza numărul pasilor de 
parcurgere a meniurilor de legături ale paginilor. Studiile privind interfețele Web au arătat 
că utilizatorii preferă meniuri care prezintă un minim de cinci până la şapte legături. De 
asemenea, vizitatorii preferă o serie de pagini relativ dense incluzând liste de opţiuni in 
locul mai multor pagini oferind meniuri simplificate. 
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Renunta total | 1 


Cere ajutor | 4 
altei persoane 


Accesează 2 
serviciul clienţi 


Caută legäturi 13 
spre alte situri 


Schimbă situl 
i 


0 20 40 60 80 100 


Reactia vizitatorilor la situatia de a da prea multe click-uri 
pentru a accesa informatia dorită 


Pentru ca utilizatorii să aibă acces la informaţiile dorite, trebuie ca încărcarea 
documentelor să se realizeze rapid. Utilizatorii nu suportă întârzieri prea lungi. Cercetările 
au atătat că pentru majoritatea activităților executate pe calculator, pragul de frustrare a 
utilizatorului este de aproximativ 10 secunde. 

Proiectele de pagini Web care nu sunt bine „reglate” pentru viteza de acces la reţea a 
utilizatorilor tipici pur si simplu îi vor nemultumi. Vizitatorii navigând pe Web via linia 
telefonică nu vor avea răbdare să parcurgă, de exemplu, pagini incluzând imagini de 
dimensiuni mati (eg: compuse din imagini de fundal, prezentări Flash neoptimizate, 
animații de lungă durată etc.). Pentru realizarea unui sit intranet destinat unei universități 
sau unei companii, unde majoritatea utilizatorilor vor accesa serverul Web la viteza unei 
reţele locale, se va putea folosi mai mult conţinut grafic sau multimedia. 


Asigurarea simplităţii şi consistentei 


Utilizatorii nu sunt impresionați de complexitatea gratuită a sitului, în special cei care 
doresc de la situl vizitat informaţii clare şi actuale. Fiecare vizitator are anumite modele 
vizuale, procesarea vizuală a informaţiilor bazându-se pe capacitatea minţii de a clasifica 
formele (pattern-urile). 

Fiecare obiect de interfață (e.g: butoanele, sigla organizaţiei) are asociat un simbol. 
Oriunde este reprezentat într-o pagină Web obiectul în cauză trebuie folosit simbolul care 
îl reprezintă. Pentru a fi eficientă, interfaţa trebuie să posede un număr redus de simboluri, 
restrângându-se pe cât posibil la minim vocabularul de interacțiune cu utilizatorul — aceasta 
cu atât mai mult cu cât însuși programul de navigare aduce, la rândul lui, o serie de 
simboluri grafice ori textuale. 

Proiectarea unei interfeţe Web în care modelul mental al designerului să fie acelaşi cu 
cel al utilizatorului nu este deloc uşoară. Utilizatorul poate să nu aibă aşteptări concrete 
asupra modului în care interacționează cu situl. 
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Trebuie astfel găsită o metodă de a oferi utilizatorului informaţii despre funcționalitatea 
unei componente a sitului (e.g: coșul de cumpărături prezent într-un magazin electronic). 
Cel mai des întâlnit mod de a realiza aceasta este metafora. 

Metaforele de interfață care vor fi folosite trebuie să se dovedească simple, familiare si 
logice. O metaforă rău aleasă se dovedeşte periculoasă şi mai ineficientă decât dacă ar fi 
lipsit complet. De exemplu, dacă intentionam să utilizăm o metaforă pentru acțiunea de a 
transmite informaţii, vom putea alege simbolul unei cărți şi nu al unui elefant. Semantica 
unei metafore depinde si de contextul utilizării ei (tehnologic, cultural, social, geo-politic 
etc.). Astfel, o aceeaşi metaforă poate fi nepotrivită în cazul folosirii pe o altă platformă 
(desktop versus handheld). Un alt pericol este să se adopte o metaforă globală pentru întregul 
sit, în situația când acest lucru nu este posibil. 

Complementare metaforelor sunt édiomurile, interfața bazându-se pe modalitatea în care 
le învăţăm şi folosim. Învăţarea se realizează fără înţelegere (e.g.: învăţarea utilizării mouse- 
ului). Idiomurile bune se învaţă o singură dată, printre cele mai cunoscute idiomuri 
putându-se menţiona simbolul jocurilor olimpice, pinguinul reprezentând sistemul de 
operare Linux, butonul de tip ,,radio” din interfețele actuale etc. 


Cel mai bun design pentru a prezenta informaţiile este cel pe care majoritatea 
utilizatorilor nu îl observă. Nu contează caracterul (grafic sau textual) al interfeţei Web, ci 
uşurinţa interacțiunii cu vizitatorul. 

Un excelent model de design Web este cel al sitului companiei Adobe — 
www.adobe.com. Paginile utilizează imaginile drept instrumente de navigare, aplicate 
consistent pretutindeni. Dacă reținem localizarea legăturilor standard de navigare prezente 
în antetul paginii, interfața devine aproape invizibilă si navigarea se desfăşoară foarte uşor. 

Pentru lizibilitate şi funcţionalitate maximă, designul paginii si al sitului trebuie să fie 
construit după un model consistent de unități modulare, toate conforme aceluiaşi plan de 
bază, recurgand la aceleași teme grafice, convenţii editoriale si ierarhii de organizare. 
Scopul este să fim consistenti si predictibili, astfel încât utilizatorii să exploreze confortabil 
situl, încrezători că deţin controlul navigării. Identitatea grafică a unor serii de pagini din 
situl Web furnizează indicaţii vizuale cu privire la continuitatea informaţiei. Este ceea ce 
Alan Cooper numeşte „asigurarea orchestratiei”, adică fluxul de operare în cadrul unei 
interfeţe. 

Grafica din antetul prezent pe fiecare pagină a sitului creează o interfață consistentă şi 
o identitate de necontestat a organizaţiei. 


rowd:// romanian web developers contact ı "caută 


“ştiri *news software “articole “comunităţi “legături *download #sondaj web #xml 


„Antetul consistent prezent în fiecare pagină a sitului ROWD 


Chiar dacă paginile nu utilizează elemente grafice, o abordare consistentă a înfățișării 
titlurilor, subtitlurilor, a subsolurilor de pagină si a legăturilor spre pagina de start sau către 
alte pagini va întări de asemenea simţul de orientare pe sit. Aceasta presupune consistenţa 
corpurilor de literă, consistenţa cromatică şi consistenţa poziționării elementelor de 


228 Proiectarea siturilor Web 


interfață — cu implicaţii pozitive şi la consolidarea identităţii (imaginii) companiei sau 
persoanei deţinând acel sit Web. 

Pentru a păstra caracterul consistent al sitului, informaţiile provenind din alte surse (że. 
documente sau imagini preluate de pe alte situri) vor fi prelucrate din punctul de vedere al 
designului utilizat de noi. Desigur, va trebui să ţinem seama de restricțiile privind 
drepturile de autor pentru copierea de informaţii în vederea includerii lor în situl nostru. 


Stabilitatea designului 


Pentru a convinge utilizatorii că informaţiile disponibile pe Web sunt de încredere şi clar 
prezentate, proiectarea sitului Web se va realiza cu aceeaşi atenţie cu cate s-at realiza orice 
alt tip de document informativ al firmei, folosindu-se aceleaşi standarde de editare si de 
design ireprosabil. Un sit neglijent construit, având un design vizual slab, nu va inspira 
încredere vizitatorilor, mai ales în domenii precum comerțul electronic. 

Stabilitatea funcţională în designul Web înseamnă asigurarea funcţionării elementelor 
interactive ale sitului în vederea exploatării eficiente a acestuia. Stabilitatea funcțională 
presupune două componente: 


e realizarea optimă a sitului chiar de la prima versiune a acestuia, din momentul 
construirii şi implementării; 
e menținerea unei bune funcţionări a sitului de-a lungul existenţei sale. 


De multe ori, o proiectare inițială prezentând carente va conduce, ulterior, la 
întreţinerea anevoioasă sau chiar imposibilă a sitului. 

Siturile Web de calitate sunt implicit interactive, dinamice, incluzând legături multiple 
către paginile locale din interiorul sitului sau spre alte situri Web externe. Pe măsură ce 
proiectăm situl, va trebui să verificăm regulat validitatea legăturilor. Desigur, si după darea 
în exploatare, această acțiune de verificare a legăturilor va trebui realizată periodic. De 
asemenea, va trebui verificat şi conţinutul paginilor indicate de legături, pentru a vedea 
dacă mai este relevant nevoilor noastre. 

Un alt aspect important este cel al optimizării conţinutului în vederea unei indexări 
eficiente de către motoarele de căutare (SEO — Search Engine Optimization). 


Asigurarea accesibilitatii 


Nu toţi utilizatorii sitului vor putea profita de posibila bogăţie grafică oferită de paginile 
Web. Unii vizitatori ar putea parcurge situl folosind un navigator text (precum Lynx sau 
Links din mediile Linux) sau ar putea avea diverse handicapuri fizice. Un mare avantaj al 
limbajului XHTML este abilitatea de a oferi mesaje alternative fiecărui obiect multimedia — 
de exemplu, atributul alt pentru <img>, summary pentru tabele ori title pentru 
majoritatea marcatorilor. Utilizatorii care nu au posibilitatea vizualizări grafice a 
conținutului sitului vor putea aşadar înțelege funcționalitatea elementelor 
grafice/multimedia din paginile noastre. Folosind navigatoare Web audio — precum Opera 
versiunea 8 ori una ulterioară —, utilizatorii nevăzători pot auzi (prin intermediul vorbirii 
sintetizate) mesajele alternative furnizate, asfel încât nu vor pierde în totalitate conținutul 
imaginilor şi al butoanelor grafice de navigare. Dacă vom folosi sisteme de meniuri grafice 
pentru navigare, meniurile alternative bazate pe text vor oferi un ajutor important acestei 
categorii speciale de utilizatori. 
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Desigur, este foarte important ce text alternativ menţionăm pentru fiecare element 
grafic in parte ori pentru fiecare hiperlegătură. Un exemplu pozitiv este următorul 
(conţinutul textual va fi de folos şi motoarelor de căutare; observați şi numele — sugestiv — 
dat fişierului JPEG): 

<img src="Sinaia Peles iunie04.jpg" 

width="533" height="374" 

alt="Excursia la Sinaia din iunie 2004, 
împreună cu Loredana si Stefan, lângă Peles. 
Loredana zâmbeşte, iar Stefan are un buchet de 
flori." J> 

O valoare necorespunzătoare a atributului alt ar fi fost: alt="La Peleș, 
Sinaia (74K)" (pe cine ar interesa dimensiunea imaginii?). 
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Receptarea alternativă a continutului unui sit 
(vizitat cu un navigator grafic si cu unul destinat persoanelor cu nevoi speciale) 


De menţionat faptul că în cadrul Consortiului Web a fost constituit un grup de interes 
în ceea ce privește accesibilitatea Web — Web Accessibility Initiative (WARN: 
http://www.w3.org/WAI/. 


Contactul cu utilizatorii 


Dupa cum am mentionat mai sus, designul Web ar trebui sa ofere un suport consistent — 
functional si vizual — nevoilor de navigare ale utilizatorilor, prin intermediul designului 
grafic, butoanelor de navigare sau al legăturilor hipertext plasate in mod uniform. Trebuie 
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să fim însă pregătiţi să răspundem întrebărilor şi comentariilor utilizatorilor. Siturile Web 
proiectate judicios trebuie întotdeauna să includă legături directe către situl editorului sau 
al companiei de design Web (webmaster-ului) care ate în responsabilitate administrarea 
sitului. Păstrarea permanentă a legăturii cu utilizatorii este vitală pentru succesul pe termen 
lung al organizaţiei. Astfel, o legătură „Contact” — oferind posibilitatea de a trimite măcar 
prin poşta electronică un mesaj din partea vizitatorului — este obligatorie. 

Unele situri, mai ales cele personale, încurajează utilizatorii să-şi noteze impresiile în 
aşa-numitele cărți de oaspeţi (guestbooks), similare celor fizice. Acestea permit si răsfoirea 
impresiilor altor vizitatori. Administratorul sitului trebuie însă să examineze regulat 
conţinutul unei asemenea liste. 

Ca serviciu 04-/ine pentru includerea pe un sit a unei cărți de oaspeţi se poate menţiona 
situl www. theguestbook. com dintre multe alte servicii de acest tip. 


5.2.3 Proiectarea sitului Web 


Înainte de a începe activitatea propriu-zisă de proiectare trebuie să ţinem cont de faptul că 
există motive organizaționale fundamentale pentru a împărți o cantitate mare de informaţii 
— indiferent dacă acestea sunt prezentate pe pagini tipărite sau pe un sit Web. Creierul 
uman prezintă limitări în ceea ce priveşte memorarea și reamintirea unor informații. 
Specialiştii care studiază psihologia cognitivă cunosc de multă vreme că majoritatea 
oamenilor pot reţine în jur de şapte părți distincte de informaţie în memoria de scurtă 
durată. Scopul majorităţii schemelor organizaționale este cel de a menţine minim numărul 
variabilelor locale pe care cititorul trebuie să le păstreze cu ușurință in memoria de scurtă 
durată. Astfel se folosesc diverse combinaţii de design grafic si şabloane ale aranjamentului 
(dayour-ului) informaţiei. Pe un sit, vizitatorii trebuie să aibă acces la parti discrete de 
informaţie, disponibile în cantităţi uşor de reţinut. Modul în care oamenii caută şi folosesc 
informaţiile sugerează de asemenea faptul că unităţile de informaţie mici, distincte, se 
dovedesc mai funcţionale şi mai facil de parcurs decât cele nediferentiate, de dimensiuni 
apreciabile. 


Organizarea informaţiilor 


Rareori utilizatorii citesc pasaje lungi şi contigue de text de pe ecranele calculatoarelor şi 
majoritatea oamenilor care caută o anumită informatie vor avea dificultăți în localizarea 
datelor dorite dacă vor trebui să parcurgă blocuri lungi de text pentru a găsi ceea ce caută. 
Fragmentand informaţia dorită a fi prezentată pe Web în parti de dimensiuni reduse, vom 
organiza mult mai uşor datele în unități modulare respectând aceeaşi schemă de organizare 
consistentă care poate forma baza legăturilor hipertext din cadrul sitului. 

Dimensiunea unui fragment de informatie poate fi determinată doar în contextul 
prezentării datelor si în funcţie de ceea ce se aşteaptă de la audienţă. De exemplu, în cazul 
unui manual electronic sau al unor articole tehnice disponibile pe Web, ne aşteptăm ca 
majoritatea utilizatorilor să listeze la imprimantă conţinutul şi apoi să-l parcurgă de pe 
hârtie, în manieră off-line. Acest lucru determină împărţirea manualului în unităţi logice, 
paginile Web rezultate fiind grupate în funcţie de tematicile abordate. 

Astfel, ierarhia de module informaţionale dintr-un sit poate fi văzută ca o colecţie 
structurată de pagini Web, conform unei clasificări stabilite de proiectant. Situl Web nu va 
funcţiona conform așteptărilor şi deci nu va capta interesul utilizatorilor dacă nu va avea o 
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bază solidă din punct de vedere organizational si logic; aceasta în pofida faptului că ar 
putea cuprinde informaţii clare, judicios redactate. 
Cele patru etape de bază în organizarea informaţiei de pe sit sunt următoarele: 


1. 
2. 


3: 
4. 


divizarea informațiilor în unități logice, 

stabilirea unei ierarhii a modulelor de date în funcție de importanță şi de 
generalitate, 

utilizarea acestei ierarhii pentru a crea relații între unitățile logice, 

analizarea rezultatului din punct de vedere estetic şi funcțional. 


In continuare vom discuta în detaliu fiecare dintre aceste etape. 


1. 


Divizarea informației. Majoritatea informațiilor disponibile în spațiul World-Wide 

Web constau în scurte documente care sunt citite în manieră nesecventiald. Acest 

aspect este cu precădere pus în evidenţă în cazul siturilor educaţionale, ale 

companiilor sau cele guvernamentale, folosite pentru a distribui informaţii care 
inițial au fost tipărite pe hârtie. 

Autorii de documentatii tehnice au descoperit înainte de inventarea Web-ului că 

utilizatorii apreciază unităţile mici de informatie, care pot fi parcurse si localizate cu 

rapiditate. Un exemplu este manualul electronic pus la dispoziţie via comanda man 
de oticare sistem Unix. 

Această organizare în unităţi scurte de informaţie, structurate uniform, trebuie să fie 

folosită şi în cazul spaţiului WWW din următoarele motive: 

* puțini utilizatori ai Web-ului petrec o perioadă îndelungată de timp pentru a 
parcurge pasaje lungi de text citit pe monitorul calculatorului, majoritatea vor 
salva documentele lungi pe discul local sau le vor tipări; 

e unitățile distincte de informatie conduc ele însele către alte legături Web. 
Utilizatorul care urmează o legătură hipertext se aşteaptă de cele mai multe ori 
să găsească un fragment din informaţia căutată şi nu o carte pe cate să o 
parcurgă în întregime. Pe de altă parte, informaţiile nu trebuie divizate prea 
mult, deoarece acest aspect ar cauza greutăți în aprofundarea materialului. Una 
până la trei pagini de informaţie (listată) sunt suficiente pentru o unitate 
distinctă de informatie pe Web. O legătură care conduce doar către un paragraf 
scurt este total nepotrivită în majoritatea situaţiilor; 

* un format uniform de organizare şi de prezentare a informaţiilor va permite 
utilizatorilor să-şi folosească experiența de navigare pe care au acumulat-o în 
cadrul sitului şi să-şi dea seama în ce manieră va fi organizată o nouă secțiune; 

* unitățile de informaţii concise se potrivesc mai bine pentru vizualizare pe 
monitorul computerului, care oferă posibilități limitate de afişare în cazul 
documentelor de dimensiuni apreciabile. Paginile Web foarte lungi 
dezorientează utilizatorul pentru că acesta trebuie să deruleze conţinutul — 
utilizând barele de defilare (scro//) — şi să-şi amintească modul de organizare a 
informaţiilor care au fost deja derulate şi care nu mai sunt disponibile pe ecran. 

În concluzie, în cadrul unei unități de informatie trebuie asigurate flexibilitatea, 

consistenţa, logica organizării şi uşurinţa accesării datelor. Informaţiile vor fi aşadar 

organizate şi divizate în funcţie de natura conţinutului. Vor putea exista situații în 
care va trebui să stocăm documente lungi într-o singură pagină Web, ca unități de 
informaţii integrate. Deşi unităţile în care este împărţită informaţia din cadrul 
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documentelor on-/ine trebuie să aibă de obicei dimensiuni mici, uneori va trebui să 
divizăm documentul în fragmente mai mari. Acest lucru va fi efectuat mai ales în 
situaţiile când dorim să oferim utilizatorilor posibilitatea să tipărească sau să salveze 
documentul, într-un singur pas. O altă soluţie este să creăm o arhivă incluzând 
întreg conţinutul, vizitatorul trebuind doar să o transfere pe calculatorul propriu în 
vederea consultării ulterioare — un exemplu în acest sens este varianta arhivată 
(compresată) a manualului PHP, variantă disponibilă pe situl www .php . net. 
Stabilirea ierarhiei datelor. Orice acţiune de organizare a informaţiilor disponibile pe sit 
are nevoie de asigurarea unei ierathii a importanţei datelor, pentru a determina, de 
exemplu, structurile de navigare de bază pentru vizitatorul acelui sit. Multe ,,bucati” 
de informatie pot si trebuie să fie ordonate în funcţie de importanţa lor. După ce s- 
a determinat un set de priorităţi logice în prezentarea informaţiilor, se poate 
construi o ierarhie pornind de la conceptele importante sau cele generale si 
terminând cu cele specifice ori opţionale. Organizările ierarhice sunt în mod 
teoretic o necesitate pe Web pentru că numeroase pagini de start si scheme de 
legături depind de astfel de ierarhii, plecând de la cea mai generală privire de 
ansamblu a sitului spre submeniuri de legături şi pagini de cuprins care devin din ce 
în ce mai specifice. 

Astfel, paginile Web ale unui sit pot fi grupate în trei categorii: 


a. pagina de start (aşa-numita home page sau front page); 
b. paginile subiectelor principale; 


c. paginile subsidiare. 
Această structură organizaţională formează fundaţia oricărui sit Web. 


Cel mai important aspect îl reprezintă pagina de start care trebuie să ofere indexul 
(sumarul) întregului sit, pentru ca vizitatorii să găsească informaţiile dorite cât mai 
uşor posibil. Putem privi pagina de start drept coperta unei reviste de succes care 
impulsionează cititorii să o cumpere şi să o parcurgă cu febrilitate. Adresa paginii de 
start — URL-ul sitului — poate deveni la fel de importantă ca adresa străzii pe care 
locuim sau adresa companiei. 


Pagina 
de start 


Paginile M EM M M 
subiectelor 
principale 
—— == = 
Paginile E = 
subsidiare Z — 


Structura generală a unui sit Web 
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Partea superioară a paginii de start va constitui primul element pe care utilizatorii îl 
receptează atunci când accesează situl. Acest aspect devine extrem de important în 
cazul siturilor Web ale corporațiilor. Astfel, prima pagină este cea care captează sau 
alungă vizitatorul, formându-i prima impresie despre organizația sau compania pe 
care o reprezintă. Un aspect profesional, etic, artistic, plus un conţinut interesant si 
corect organizat vor determina atragerea vizitatorilor. Din contra, dacă pagina de 
start este greoaie, utilizează fundaluri (imagini şi/sau sunete) deranjante, se încarcă 
lent, având un conţinut dificil de parcurs sau ofensator, atunci şansele ca un 
utilizator să viziteze ori să se mai întoarcă pe situl respectiv scad foarte mult. 

Un design de calitate al paginii de start este foarte important pentru succesul sitului, 
strategiile proiectării variind, ţinându-se cont de nevoile utilizatorilor specifici ai 
sitului, în funcţie de scopurile estetice si de natura şi complexitatea organizării 
globale a sitului (vezi infra). 

O pagină de start trebuie să conţină, obligatoriu, informaţii despre: 


e scopul sitului (cine, ce, când, unde si cum); 
© tipul continutului oferit; 
* modalitatea de a parcurge acest conţinut. 


Desigur, conţinutul sitului nu va apărea în întregime pe prima pagină, pentru 
aceasta ne vom folosi de paginile principale, apoi de cele subsidiare. 

Cea mai importantă decizie legată de aspectul paginii de start este legată de 
abundența elementelor grafice. Paginile de start ale firmelor, instituţiilor şi unităţilor 
de învățământ afişează cel puţin o imagine de dimensiuni modeste în partea 
superioară a documentului. Unele situri comerciale aveau, în urmă cu doar câţiva 
ani, tendinţa de a folosi intensiv grafica emulând interfaţa şi funcţionalitatea 
CD/DVD-utilor de prezentare multimedia. Grafica/multimedia utilizată intensiv 
poate atrage atenţia utilizatorului, însă paginile se vor încărca (mult) mai greu. De 
reţinut faptul că meniurile grafice de legături (compuse din butoane sau pictograme) 
se încarcă de zece ori mai greu decât cele bazate pe text. Aceeaşi observaţie pentru 
unele situri realizate exclusiv in Flash, de către designeri fără experiență. 

Opoziția dintre paginile de start atractive, bazate pe elemente grafice statice sau 
animate, dar care necesită timpi mari de încărcare şi cele în care predomină textul, 
încărcându-se rapid, reflectă nevoia de adresare spre diferite categorii de utilizatori, 
fiecare având alte pretenţii. Scopul principal al creării multor situri Web este 
transmiterea de informaţii interne (pentru angajaţii si clienţii existenţi ai unei 
companii sau pentru studenții unei facultăţi) sau comunicarea cu potenţialii clienţi şi 
cu vizitatorii ocazionali. Nu acelaşi lucru se poate afirma în legătură cu siturile de 
divertisment, de exemplu, care vizează un alt public. 
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Doud pagini de start — multimedia si text 


Una dintre cele mai bune metode de a satisface cerințele utilizatorilor ocazionali, 
dar şi pe cele ale utilizatorilor specifici este de a oferi înfățișări alternative ale sitului 
Web. O abordare ar fi aceea de a realiza o pagină de start atractivă vizual, orientată 
către toți posibilii vizitatori, însă în acelaşi timp de a oferi o pagină de start 
alternativă, bazată preponderent pe text, favorizând accesul rapid la informații prin 
intermediul unor meniuri detaliate. O altă soluție ar fi aceea de a utiliza un antet 
grafic, urmat de o serie densă de legături bazate pe text. 

Cititorul ar putea întreba: Totusi, ce trebuie să conțină pagina de start? În primul rând, 
aceasta trebuie să includă sigla (%go-ul) organizației care deține situl. Mărimea şi 
locul siglei reprezintă două elemente deosebit de importante: sigla trebuie să fie 
lizibilă şi trebuie să fie poziționată astfel încât să iasă în evidenţă fără ca utilizatorul 
să redimensioneze fereastra navigatorului. Dimensiunea siglei nu trebuie să 
depăşească o zonă de afişare între 200x50 de pixeli şi 250x100 de pixeli. Media 
este de 70X70 de pixeli. Cu excepția paginii de start, în restul paginilor sigla trebuie 
să includă o legătură către pagina de start a sitului. Sigla este poziționată în partea 
superioară a fiecărui document, în general în colțul stânga-sus, deoarece este primul 
element cu care intră în contact vizitatorii la încărcarea paginii. 

În nici un caz vizitatorul sitului nu trebuie să folosească barele de defilare 
orizontală. O soluție pentru evitarea defilării orizontale este redimensionarea 
automată a paginii în funcție de rezoluția monitorului folosit de către utilizator (a se 
vedea discuția din capitolul 4, în secțiunea dedicată foilor de stiluri în cascadă). 
Ordinea informațiilor disponibile în pagina de start are un rol foarte important în 
înțelegerea structurii sitului. Modul vizual în care sunt reprezentate legăturile trebuie 
să se regăsească — în mod identic — şi în cadrul celorlalte pagini ale sitului. 
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După ce s-a stabilit care sunt informaţiile cele mai importante menite a fi cuprinse 
în pagina de start, acestea vor fi evidenţiate prin folosirea unor titluri sugestive. Asa 
cum am mai afirmat, titlurile vagi sau cele conţinând elemente de jargon pot 
conduce la confuzii, de cele mai multe ori vizitatorul părăsind situl. 

Se recomandă, de asemenea, ca pagina de start să aibă o înfăţişare puţin diferită de 
restul paginilor pentru ca vizitatorii să o identifice uşor. 

În ceea ce priveşte legăturile spre paginile subiectelor principale, categoriile 
principale ar putea fi — minimal vorbind: 


* firma de comerţ: Prezentare (scurt istoric), Servicii, Produse comercializate, 
Suport tehnic, Posibilităţi de contact (adresa), Alte legături; 

* asociație non-profit: Prezentare, Membri, Profil, Înscrieri, Dialog (forum, b/g); 

e publicație: Prezentare, Fragmente de articole, Ultimul număr, Arhiva edițiilor 
precedente, Abonamente, Redacţia, Dialog (forum, b/og), Posibilităţi de 
colaborare; 

e artist: Biografie, Publicatii/Discografie/Tablouri, Lansări/Concerte/ Vernisaje, 
eventual fragmente din publicaţii/ melodii /galetii, Fan Club (care poate include 
un forum ori b/og), Contact; 

* sit personal: Curriculum Vitae, Fotografii, Domenii de interes, Locuri de 
muncă/ studiu, Pasiuni, Posibilităţi de contactare, eventual Web/og personal. 


Pentru cazul sitului unei companii (firme), nu se recomandă prezența unei descrieri 
a acesteia în pagina de start. Descrierea firmei nu reprezintă o informaţie 
importantă pentru public — se estimează că doar 20-30% din numărul total de 
vizitatori au citit sau au accesat pagini care contin descrierea firmelor deţinătoare de 
situri Web. Pentru cei mai multi utilizatori, cele mai importante informaţii sunt cele 
legate de serviciile sau produsele oferite. Spre exemplu, în cazul siturilor mass- 
media, vizitatorii sunt interesați de cele mai importante ştiri de presă şi nu de 
informaţiile referitoare la compania care întreţine situl. 

La fel, activităţile pe care le desfăşoară firma trebuie să fie bine definite prin 
utilizarea unor titluri sugestive însoţite de comentarii scurte. În pagina de start vor 
trebui evitate prezentarea integrală a activităţilor exercitate de companie sau 
aglomerarea a mai mult de 4-5 titluri definind activităţile firmei. Pentru descrierea 
acestor activităţi se recomandă folosirea unor pagini auxiliare pe care vizitatorul să 
le poată accesa prin intermediul unor legături bine definite în pagina de start a 
sitului Web. 

Din punctul de vedere al timpului de încărcare, pagina de start trebuie să însumeze 
o dimensiune medie de 30-40 kilobytes (incluzând toate elementele grafice, 
multimedia, foile de stiluri etc.). Maximul nu trebuie să depăşească 70 de kilobytes. 
Conform cunoscutului expert în ergonomia siturilor Web si a interfetelor utilizator 
— Jakob Nielsen — ar fi indicat ca pagina de start să se încarce în aproximativ 10 
secunde. Acest lucru este însă aproape imposibil pentru mai bine de 75% dintre 
cele mai bine realizate situri actuale. De altfel, este cunoscut faptul că motorul de 
căutare Google nu indexează decât primii 100 de kilobytes din conţinutul unui 
document Web. 
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Paginile subiectelor principale sunt acele pagini care au legături pornind de la pagina de 
start şi care oferă subiectele de interes ale sitului Web. Astfel, vizitatorul poate 
parcurge conţinutul care-i captează atenţia și-l interesează. 


Oricare pagină diferită de cea de start şi de cele ale subiectelor principale o vom 
numi pagină subsidiară. Paginile subsidiare sunt subseturi ale unei pagini cu subiect 
principal care, bineînţeles, nu poate găzdui toate informaţiile despre un anumit 
aspect. Dintr-o pagină subsidiară utilizatorii trebuie obligatoriu să poată reveni la 
pagina de start şi, eventual, la paginile principale. 


go to text version 


The Internet Scout Project -- Other Resources -- Internet Scout Toolkit -- Webtools Search 
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| Web Tools |] 

| End User's Corner ‘The Scout Toolkit is a useful collection of online materials compiled by the Intenet 
(Si [Scout Project to help you "surf smarter". Once a novel concept, there are now many 
Ycommercial sites available offering more comprehensive and continuously updated 

materials. At the request of our users we will keep Toolkit as an archive, but will no 
‘longer continue to update it's information. 


| The Scout Report 
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| Scout Weblog 
Scout Portal Toolkit 
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About Internet Scout uickTime 
QuickTime 
Internet Scout Home fp a] Player 
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Exemplu de pagină subsidiară incluzând o combinație de 
legături grafice şi textuale spre alte pagini ale sitului 


3. Realizarea relațiilor dintre modulele de informatie. Atunci când sunt confruntati cu un 


sistem nou şi complex de informații hipertext, utilizatorii îşi construiesc modele 
mentale şi apoi folosesc aceste modele pentru a evalua relațiile stabilite între 
subiectele prezentate sau pentru a anticipa locul unde pot găsi informaţii noi. 
Succesul sitului Web va fi determinat în mare măsură şi de proporția în care 
sistemul actual de organizare se potriveşte aşteptărilor vizitatorilor. O organizare 
logică va permite utilizatorilor să formuleze cu succes predicții asupra localizării pe 
sit a informaţiilor dorite. Metodele consistente de grupare, ordonare, etichetare şi 
stabilire a aranjamentului informațiilor, de cele mai multe ori în manieră grafică, dau 
posibilitatea utilizatorilor să-şi folosească experiența deja acumulată pe parcursul 
vizitelor altor pagini ale sitului şi în cazul paginilor noi, cu care nu sunt încă 
familiarizați. 

O structură departe de a fi logică, neinteligibilă, va conduce la frustrarea constantă a 
vizitatorilor în încercarea de a găsi o cale coerentă de parcurgere a informațiilor 
înrudite. 
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Un model mental confuz asupra relatiilor dintre paginile sitului 


4. Analiza. După crearea sitului, vor trebui analizate estetica, precum si utilitatea si 

eficiența schemei organizaționale adoptate. Indiferent de structura de organizare 
aleasă, un design corect este mai mult o chestiune de proporţie între structura si 
relaţia dintre meniurile sau pagina de start şi paginile subsidiare. Scopul este de a 
construi o ierarhie a meniurilor de legături şi a paginilor care să pară naturală 
utilizatorului, fără a provoca nedorite confuzii, respectandu-se principiile generale 
de utilizare a siturilor Web. 
Din păcate, siturile tind uneori să se extindă mult si adesea coplesesc vizitatorul, 
distrugându-se ceea ce iniţial — când situl avea dimensiuni mai modeste — a fost o 
schemă bine realizată de meniuri de legături. Siturile având ierarhii superficiale de 
legături depind de meniuri masive care cu timpul devin confuze si grupează 
informaţii neînrudite, listate fără o ordine anume. Contextul navigării este astfel 
distrus. 


33338 


O structură de navigare superficială 


O situație contrară este cea în care schemele de meniuri de legături sunt prea 
adânci, scufundând informațiile dedesubtul mai multor niveluri de meniuri. Pentru 
a ajunge la documentul dorit, utilizatorul trebuie să urmeze astfel prea multe 
legături conţinute de meniurile imbricate ale sitului. 
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O structură de navigare excesiv de adâncă 


Meniurile, mai ales cele bazate pe butoane grafice, isi pierd valoarea dacă includ mai 
mult de patru sau cinci legături. Paginile de meniu bazate pe text sau pe liste pot 
conţine numeroase legături, fără a copleşi însă utilizatorul şi fără a-l forţa să 
deruleze liste lungi. Navigarea prin mai multe niveluri de meniuri pentru ca într-un 
final să se ajungă la conţinutul dorit devine enervantă şi nu este deloc 
recomandabilă. Nu este indicată utilizarea a mai mult de două niveluri de meniuri 
de legături. 

Dacă situl Web creşte în permanenţă ca volum de pagini, proporţia optimă dintre 
meniurile de legături şi paginile având conţinut propriu-zis se schimbă continuu. 
Reacţia utilizatorilor (şi analizarea fişierelor de jurnal pentru urmărirea traiectului 
navigării prin sit) ne pot ajuta să decidem dacă schema de meniu utilizată este bună 
sau prezintă puncte slabe. Structurile complexe de documente hipertext presupun 
ierarhii adânci de meniuri, însă utilizatorii nu trebuie obligaţi să parcurgă mai multe 
pagini cu meniuri, dacă accesul direct este posibil. Scopul este de a produce un 
arbore ierarhic bine proportionat menit a facilita accesul rapid la informaţii şi de a 
ajuta utilizatorii să înţeleagă modul de organizare a sitului. Astfel, structura de 
navigare trebuie să fie bine echilibrată. 


Organizarea sitului 


Situl trebuie să prezinte vizitatorilor săi o organizare judicioasă, clară. Dacă avem doar o 
vagă idee despre relaţia dintre o secţiune a sitului cu alte zone ale acestuia şi dacă nu 
oferim o expunere cuprinzătoare şi ordonată a informaţiilor, atunci utilizatorii vor căuta un 
material mai bine organizat pe alte situri. 


Există mai multe strategii de organizare în ansamblu a sitului. Le vom discuta în 


continuare pe cele mai importante: 


Proiectarea unui sit Web 239 


Organizarea secvențială. Cel mai simplu mod de a organiza informaţiile este cel 
secvențial, prezentând o expunere lineară, conform metaforei cărții tipărite. 
Informaţia care în mod natural „curge? ca o relatare, logic, este ideală pentru 
abordarea secventiala. Ordonarea secventiala poate fi realizată: 


- cronologic (eg.: un jurnal electronic, o lista de stiri), 

- sub forma unei serii de subiecte pornind de la general către particular (Że. un 
manual on-line), 

- in ordine alfabetică, ca în cazul indexării (eg: un glosar, o lista de utilizatori 
înregistraţi într-un forum, o listă a producătorilor unei categorii de produse). 


Acest mod de organizare simplă se uzitează numai în cazul siturilor de dimensiuni 
reduse sau a listelor structurate ca indecşi. Dacă secvențele narative devin mai 
complexe, atunci ele vor necesita un alt gen de structurare pentru a rămâne 
inteligibile. 

Chiar şi siturile Web mai complexe pot fi organizate secvențial, cu condiţia ca 
fiecare pagină din secvenţa principală să aibă una sau mai multe pagini dependente, 
subsidiare, sau legături către informaţii din alte situri. 

Organizarea sub formă de caroiaj. Numeroase manuale, liste de cursuri universitare sau 
descrieri de evenimente sunt organizate cel mai bine sub formă de caroiaj (grid). 
Caroiajele reprezintă un mod eficient de corelare a mai multor variabile, ca de 
exemplu o dată calendaristică şi o informaţie istorică într-un număr de categorii 
standard, precum „evenimente”, ,,cultura”, „tehnologie” — a se vedea Cronologiile 
universale Larousse. Pentru a avea succes, unităţile individuale dintr-un caroiaj trebuie 
să împartă o structură perfect uniformă de subiecte şi sub-subiecte. Subiectele 
abordate de obicei nu prezintă o anumită ierarhie a importanţei. De exemplu, 
termenul „programare” nu este mai mult sau mai putin important decât „design”, 
dat in mod ideal ambele forumuri vor împărţi o structură uniformă de subiecte de 
discuţie în cadrul unui sit oferind servicii conversationale on-/ine. Un utilizator va 
putea astfel urmări, în paralel, ambele discuţii purtate într-o anumită zi. 

Din păcate, structura de tip caroiaj poate fi dificil de înţeles dacă utilizatorul nu 
recunoaşte relațiile (semantice) dintre diversele categorii de informaţii şi din acest 
motiv un asemenea mod de organizare a paginilor Web este potrivit pentru o 
audiență experimentată care are deja formată o imagine asupra subiectului discutat 
şi a organizării acestuia. Hărțile grafice sunt foarte folositoare pentru a oferi 
vizitatorilor o privite de ansamblu asupra tematicilor sitului. 
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Organizarea în formă de caroiaj a sitului 


Organizarea ierarhică. lerarhiile reprezintă una dintre cele mai bune metode de a 
organiza corpuri complexe de informatie. Schemele de organizare ierarhică sunt în 
particular foarte potrivite pentru siturile Web deoarece acestea ar trebui întotdeauna 
structurate astfel încât să aibă o unică pagină de start. Multi utilizatori sunt 
familiarizați cu diagramele ierarhice şi pot înţelege uşor această metaforă ca ajutor 
acordat navigării prin sit. O organizare ierarhică impune de asemenea o anumită 
disciplină în abordarea analitică a conţinutului, pentru că ierarhiile funcționează 
eficient numai atunci când informaţiile sunt organizate judicios. De vreme ce 
diagramele ierarhice sunt familiare în activitatea firmelor si a instituţiilor si se pot 
reflecta în situl acestora, utilizatorii construiesc cu uşurinţă un model mental al 
sitului vizitat. 


See 


Organizarea ierarhică a unui sit 


Organizarea in retea. Structurile organizaționale construite în rețea (web) impun câteva 
restricții asupra modelului de folosire a informaţiei. Utilizatorii îşi urmăresc 
propriile interese conform unui model propriu, euristic, unic pentru fiecare 
persoană care vizitează situl. Acest mod organizational este specific siturilor având 
legături foarte dense către alte informaţii din cadrul aceluiaşi sit sau din alte situri. 
Scopul este cel de a exploata la maximum puterea de legare şi de asociere ofetită de 
spaţiul WWW, însă structurile de organizare în reţea pot uşor să propage confuzie 
şi să sugereze un model mental neclar privitor la relațiile dintre unitățile de 
informatie. Ironic, modul de organizare de tip pânză de păianjen (web) devine 
adesea un handicap în organizarea siturilor Web, deoarece este greu de înţeles si de 
intuit de către utilizator. Organizarea în reţea se poate adopta pentru siturile de 
dimensiuni mici, dominate de liste de legături, destinate utilizatorilor experimentați 
sau având cunoștințe avansate în domeniul tematicilor tratate de conţinutul sitului. 
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Organizarea in retea a sitului 


De reţinut însă că siturile Web complexe prezintă proprietăţi caracteristice tututor 
celor patru moduri de structurare ale informaţiei. Exceptând siturile care impun 
figuros o secvență de pagini, utilizatorii parcurg conţinutului oricărui sit într-o 
manieră proprie. Acest model neliniar de vizitare a paginilor Web dintr-un sit nu 
poate constitui scuza sustragerii de la obligaţia de a organiza informaţiile prezentate 
si de a prevedea o structură clară şi consistentă care să completeze ideile de design 
pentru situl dorit a fi dezvoltat. 


Complexitatea 
sitului Web 


EI 
B 


Caroiaj 


Ei 
E] 


lerarhie 


Aaa 


Secventa 


Densitatea legaturilor hipertext 


Tipurile de organizare a siturilor Web 


Alte elemente ale sitului Web 


Alături de principalele componente ale unui sit Web — pagina de start, paginile subiectelor 
intermediare şi paginile subsidiare — trebuie să avem în vedere diverse elemente menite a 
facilita parcurgerea conţinutului şi navigarea prin sit. 

Se pot enumera o serie de recomandări referitoare la plasarea pe sit a acestor elemente: 
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informaţiile importante vor fi afisate într-un mod diferit de restul textului (pentru a capta 
atenţia vizitatorului). De asemenea, multe situri Web trebuie actualizate frecvent 
pentru ca datele să fie la zi, iar prezenţa noilor informaţii trebuie să fie evidentă 
pentru vizitatorii sitului, fără a necesita un efort de navigare prin sit. Dacă o parte 
dintre elementele listate în meniurile paginii de start sunt actualizate, atunci în 
dreptul fiecărui astfel de element actualizat se poate include textul sau se poate 
insera o pictogramă cu mesajul „Nou” ori „„Actualizat”. 

Pentru un sit complex, având mai multe niveluri de informaţie răspândite în sute de 
pagini, va trebui realizată o pagină specială ,,Noutati” („What’s New” sau „News”) 
al cărei scop este de a informa utilizatorii asupra actualizărilor efectuate în cadrul 
sitului, desigur indicând si legăturile spre aceste informaţii. Această pagină va putea 
fi utilizată şi drept pagină de ştiri în cazul unui sit academic sau al unei instituţii, 
accentuând astfel schimbările din cadrul organizaţiei. O alternativă la această soluție 
este recurgerea la un b/g asociat sitului. 

situl trebuie să conțină posibilitati de navigare: butoane, hărți de imagini, legături 
textuale, eventual cadre (deși utilizarea acestora din urmă nu este recomandabilă). 
Pentru mai multe detalii, a se vedea următoarea secţiune, „Organizarea 
instrumentelor de navigare”. 

Întotdeauna când folosim pentru legături imagini sau hărți senzitive, ar trebui să 
includem legăturile textuale corespunzătoare; 

situl trebuie să fie consistent. Mărimea şi culoarea butoanelor, textului si legăturilor, 
localizarea pe pagină a legăturilor navigationale trebuie să fie similare în întregul sit. 
Vizitatorul trebuie să obțină informaţia dorită într-un mod ergonomic, optim. 


Fiecare sit ar trebui, de asemenea, să ofere o posibilitate de contact (prin posta 


electronică cel putin) si un index (denumit si se map ori site guide). Acest index va trebui să 
se încarce foarte rapid, deci ar trebui utilizate doar informaţii textuale — vezi şi imaginea 
alăturată. 
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Site Map 


Customer Support Vacation Packages Maps 
FAQs Destination Guides Find a Map 
Travel News Vacation Packages Wizard Get Driving Directions 


New User's Guide 


Caribbean 


5 Florida Corporate Travel 

Deals & Promotions Hawaii Travel Arranger 
Special Deals Las Vegas Repeat a Trip 
Airfare Deals . A 
Hotel Deals Cruises About Expedia, Inc. 
Vacation Package Deals Cruise Deals Contact Us 
Cruise Deals Cruise Lines Advertise with Us 

r Cruise Ship Reviews Earn Money as an Affiliate 
E-mail Alerts 


Travel deals via e-mail 


Destinations & Interests 


Destination Guides 


Sell through Expedia.com 
Jobs 


Investor Relations 


Flights Slide Shows Press Releases 
Destination Guides Travel Advisories J 
Flight Wizard Golf Travel International 
Flight Status Beach Travel Canada 

ee i United Kingdom 
Hotels Destination Services Cerman 
Hotel Wizard Tours, tickets, and trip extras France 
Hotel Deals Italy 
Destination Guides Netherlands 

More 

Cars 
Car Wizard Search Expedia.com 


romania 


example: Jas vegas 


Secțiunea „Site Map” a unui sit oferind servicii de călătorie 


Adesea, primele seturi de legături pe care utilizatorii de Web le construiesc atunci când 
încep să-şi realizeze propriile situri sunt colecţii de adrese Web favorite ale unor situri care 
au legătură cu profesiunea, cu ramura de activitate sau cu interesele personale. În cadrul 
unui sit al unei instituţii sau companii comerciale, o pagină de genul „Alte situri conexe”, 
excelent concepută si menţinută, poate fi cea mai valoroasă şi cea mai intensiv vizitată 
resursă din cadrul acelui sit. 

Conceptul de „document” în medii electronice cum este Web-ul este adesea flexibil, iar 
economia si logistica publicării în formă digitală fac posibilă furnizarea de mai multă 
informaţie pentru utilizatorii sitului, fără ca aceasta să implice costuri suplimentare. De 
exemplu, pentru a realiza un raport tehnic sau unul privitor la vânzările dintr-o lună in 
forma sa tipărită pe hârtie astfel încât să poată fi consultat şi de alti membri ai organizaţiei, 
va trebui să listăm câte o copie de persoană. Pentru a fi practici şi pentru a reduce 
costurile, va trebui ca acel raport tipărit să fie întocmit foarte concis, fara a avea 
posibilitatea de a atașa materiale suplimentare (że. anexe). Astfel, cei cărora ne adresăm nu 
au acces la informaţiile pe baza cărora au fost fundamentate concluziile raportului din 
cauza costului mai ridicat al tipăririi pe hârtie. În afară de conţinutul principal al raportului 
am fi dorit să includem liste de resurse care în mod normal nu sunt disponibile publicului 
din pricina spaţiului limitat şi a costurilor suplimentare. Aceste informaţii auxiliare pot fi 
accesate însă pe Web. Bibliografiile, glosarele, anexele care sunt prea voluminoase pentru a 
fi incluse într-un raport tipărit sau în oricare alt document pot fi stocate de un sit Web, 
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informaţia fiind astfel accesibilă şi altor persoane. Acest aspect se poate realiza mai ales în 
contextul unui sit disponibil în intranetul unei companii sau instituții. 

În sprijinul utilizatorilor, Web-ul şi alte medii bazate pe Internet au dezvoltat o soluţie 
standard, reprezentată de aşa-numita pagină a întrebărilor puse frecvent (Frequently Asked 
Questions — FAQ). În cadrul acestei pagini sunt listate cele mai uzuale întrebări venite din 
partea vizitatorilor, însoţite desigur de răspunsurile aferente. Paginile Web de tip FAQ sunt 
ideale pentru siturile proiectate să furnizeze suport şi informaţii de ajutor unui grup de 
lucru din cadrul unei instituţii, unui grup profesional sau comercial sau unei comunități de 
utilizatori ai unui produs. De cele mai multe ori, majoritatea întrebărilor puse de novici au 
mai fost ridicate si de alte persoane, răspunsurile la ele fiind furnizate de multe ori de către 
departamentul de relații cu publicul. Realizând o pagină FAQ atractivă şi îndreptând 
cititorii către ea, se poate îmbunătăţi semnificativ relația cu utilizatorii, reducându-se 
substanţial timpul irosit. 


Materia 


Cursul & laboratorul + Notare : Desfasurare 


tele de calculatoare - Feedback O05 


Ec View Fyveetes Jools Help e R 
Retele de calculatoare - Feedback ^ esurse 
= J Tipărituri - Resurse Web - Prezentări 
= De ce accesul la situl disciplinei e autentificat pain nume de cont si parola? Pentru acasă 


= Din mai multe motive: puraul ac & cel privitos la dteptuale de autor (am gasit pe 
Web, în ani trecuti slide-un identice eu cele ale unor cumun predate de unele cadre 
didactice ale Facultatii de Informatice, dar sernnate de alti ttulan de curtun, (urm) 
abati la institutii academice obscure din tara - acest aspect lezeaza proprietatea 
intelectuala), iar al dodea vizeaza faptul ca informatie pe cate le pune la dispozitie Feedback 
situl sunt destinate exchsiv studentilor Facukati de Infounatica (ac & incorect fata 
do oi ca aceleasi informati sa poata & ubhrate de oritine - “knowledge power’) 
In spiritul free-source, "free as "free thought’, not "free beer" (sau “open as in ‘open Întrebări frecvente . Discutii : Contact : Altele 
mnd"). 


De retinut! - Proiecte; propuneri, notare 


ji la problemele voastre HE 


= As vrea sa fe o mai mace interactivitate la cuss 


- Pan natura oa, cuzul este o de un monolog, Ina, la naul cusului de 


- Propun sa se instaleze Linux pe cel putin un calculator din labosatos astfel incit ces 

cate au de prezentat proiecte cu interfata grafica sa nu fie obligati sasi aduca PC-ul 

de acasa 

= Exista deja un laborator cu Linux, dedicat in principal civcipline’ "Administrarea { 


Sectiunea „Intrebări frecvente” a unui sit educational 


Un alt element important al sitului este cel referitor la pagina cuprinzând informații 
despre termenii legali şi drepturile de autor — aşa-numita pagina a condițiilor de utilizare 
(Disclaimer). De obicei, în cadrul acestui document se stipulează următoarele: 


* numele de companii, produse sau servicii menţionate în cadrul paginilor disponibile 
pe sit sunt mărci înregistrate ale companiilor respective. Dacă este cazul, se poate 
menţiona că utilizarea oricărui nume de marcă înregistrată s-a făcut doar în scopul 
analizei şi nu constituie reclamă pentru compania respectivă; 

* informațiile incluse pe sit sunt furnizate fără nici un fel de garantie. De asemenea, 
nu se garantează acurateţea informaţiile prezentate, acestea putând include erori de 
ordin tehnic sau de tehnoredactare. Informaţiile din cadrul sitului sunt oferite cu 
bund-credinta, din surse apreciate ca fiind de încredere. Orice informatie 
disponibilă pe sit poate fi supusă modificărilor, fără nici o notificare prealabilă. 
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Unde este cazul, nu se garantează că informaţiile ar fi exacte, complete sau 
obiective, de aceea nimeni nu trebuie să se bazeze pe ele, pentru nici un scop; 

* compania care administrează sau deţine situl nu va fi făcută responsabilă în cazul în 
care persoane sau companii folosesc sau se bazează pe informaţii sau pe opinii 
conţinute în cadrul sitului; 

e autorii conţinutului documentelor prezente pe sit sau compania care 
administrează / deţine situl nu vor fi răspunzători pentru nici un fel de prejudiciu 
(direct, indirect, accidental sau nu) care ar rezulta din folosirea sau din incapacitatea 
de folosire a informaţiei prezentate pe sit şi pentru nici un fel de erori sau omisiuni 
în conţinut care pot conduce la tot felul de incidente survenite în timpul navigării 
pe sit; 

e de cele mai multe ori, se prevede că informaţiile pot fi reproduse prin tipărire 
numai pentru uzul personal. Informaţiile nu pot fi reproduse, distribuite sau 
transmise altei persoane sau incorporate în oricare altă formă in alt material fără 
permisiunea prealabilă scrisă a autorilor lor sau fără a fi citată sursa; 

* conținutul textual, grafic, multimedia sau programele pot fi utilizate doar cu acordul 
autorilor sau al companiei proprietare. Se poate recurge, de asemenea, la diverse 
licenţe privind folosirea software-ului, precum EULA (End User License Agreement) 
sau GPL (GNU General Public Licence); 

e situl poate include legături externe spre alte situri sau pagini Web al căror conţinut 
nu se află sub controlul organizaţiei care administrează sau deţine situl. 


În cazul unui sit personal, găzduit pe serverul organizaţiei la care este angajat sau la 
cate studiază autorul acestuia, se poate stipula că punctul de vedere expus de materialul 
inclus pe sit nu-l reflectă pe cel al organizaţiei şi nu o implică în nici un mod. Desigur, 
politica acelei organizații poate impune membrilor săi o anumită conduită pe Web — de 
exemplu, pe situl personal este interzisă etalarea de informaţii negative privitoare la 
organizația respectivă. 

Nu trebuie uitată nici pagina descriind politica de confidentialitate (privacy policy) a sitului. 
Aceasta pagină va fi inclusă în cazul in care prin intermediul sitului Web se colectează 
diverse informaţii de la utilizatori. Acestea pot fi obţinute via cookie-uri — fără ca vizitatorul 
să introducă manual nimic si să cunoască datele stocate de cookie — sau prin completarea de 
diverse formulare electronice, solicitând date mai mult sau mai puţin personale despre 
vizitator. În astfel de situaţii, acest document trebuie să expună vizitatorilor care este 
scopul informaţiilor obţinute de către deținătorii sitului şi modul în care aceste informaţii 
vor fi folosite în viitor. De exemplu, trebuie stipulat faptul să datele referitoare la adresa 
fizică sau cea de e-mail ale utilizatorului nu vor fi utilizate în scop promotional de către alte 
companii. Se estimează că peste 90% din siturile comerciale deţin o astfel de pagină. 

De asemenea, putem converti feedback-ul negativ (mesajele de eroare raportate 
vizitatorului de către serverul Web) în unul pozitiv. Un exemplu tipic este cel al 
răspunsului pe care îl furnizează serverul atunci când o resursă solicitată nu există, 
generându-se o pagină având textul „404 Not found.”. Configurand judicios serverul Web, 
în locul acestei pagini vizitatorul poate avea acces direct la harta sitului ori la motorul de 
căutare internă sau poate fi redirecționat automat spre pagina de start. 


Organizarea instrumentelor de navigare 
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În cazul unui sit având un număr însemnat de pagini, vor trebui prevăzute submeniuri pe 
care utilizatorul să le folosească pentru a ajunge la informaţiile dorite. Lista subiectelor 
generale din pagina de start va fi astfel continuată în mod firesc de subteme cu caracter 
mai specializat, detaliat. Pagina de start nu trebuie încărcată cu un număr apreciabil de 
legături, deoarece va cauza confuzii utilizatorilor, mai ales celor care vizitează în premieră 


situl. 


In consecinţă, fiecare submeniu major devine astfel o minipagină de start pentru acea 
secțiune a sitului. Pentru informaţii detaliate, specializate, utilizatorii frecvenți pot fi 
indreptati spre un submeniu. Submeniurile pot fi considerate aşadar, din acest punct de 
vedere, pagini de start alternative orientate către grupuri specifice de utilizatori. 


Meniul orizontal de navigare. Una dintre cele mai uzitate metode de a asigura navigarea 
facilă prin sit este aceea de a include un meniu orizontal de legături în partea superioară 
a fiecărei pagini. Elementele meniului pot fi legături semnalate utilizatorilor prin 
intermediul unor pictograme — folosindu-se metafora butonului — sau a unor 
ancore textuale. Prezenţa constantă, în acelaşi loc, a acestui meniu îi va ajuta pe 
utilizatori în orientarea pe sit, asigurând contextul. Elementul selectat la un moment 
dat în cadrul meniului va trebui afişat in mod diferit. Acest meniu poate cuprinde 
mai multe niveluri de legături. 


i 


« | Store ji iReview | iTools iCards QuickTime | Sı 


wDownloaty Movie Trailers QuickTime Tv Hor Picks Products Developer 


Un meniu dublu de legături folosit pe situl Apple 


De reţinut că acest mod de navigare trebuie să ia in calcul următoarele restricții: 

- numărul de elemente ale unui meniu nu poate depăşi valoarea 6, iar în cazuri 
extreme 8. Desigur, se vor avea în vedere mărimea medie a termenilor folosiți, 
mărimea fontului şi rezoluţia la care se proiectează situl. În cazul în care situl 
este în continuă expansiune, s-ar putea ca meniul să nu mai poată cuprinde noile 
subiecte apărute de-a lungul timpului; 

- numărul de niveluri ale meniurilor ierarhice este de maxim 2-3. Trebuie să avem 
în vedere că mai multe niveluri vor ocupa mai mult spaţiu vertical, ceea ce va 
conduce la o arie mai mică de afişare a informaţiilor propriu-zise. 

Un alt aspect important este acela că toate elementele primului nivel trebuie să fie 

vizibile permanent, în timp ce nivelul al doilea va conţine seturi alternative de 

legături. Atunci când se va adăuga şi al treilea nivel, trebuie să avem grijă să se poată 
integra natural şi logic în meniu. 
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Meniu superior de navigare 


Informații 
inrudite 


Continut 
propriu-zis 


Dispunerea elementelor de navigare în cadrul paginii 


* Navigarea verticală. O altă soluţie ar fi ca anumite legături să fie plasate vertical, fie in 
partea stângă, fie în partea dreaptă a conținutului propriu-zis al paginii. Acest lucru 
se poate realiza prin intermediul tabelelor sau al cadrelor. 

Navigarea prin sit sau fragmente de sit se realizează de cele mai multe ori prin 

intermediul unui meniu de legături plasat în stânga paginii. În această situație, 

pagina este divizată în cel puțin două coloane, prima fiind ocupată de legături — 

disponibile ca text sau butoane/pictograme. Sunt întâlnite mai multe forme de 

organizare a meniului: 

A. meniu plat — toate elementele sunt plasate pe un singur nivel, fără a exista vreo 
ierarhie; 


Exemplu de meniu vertical plat 


B. meniu expandabil — un anumit element este expandat prin apariția unui subnivel 
de legături la acționarea elementului; 
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(2 Navigation Tree 
EMS) English 
Sy Our Faculty 
B History 
B Structure 
{3} Facilities 
E) Graduation 
E) Post-graduation 
E Activity 
E Staff 
E] Students 
EQ Alumni 
H0 Româneste 
E] Other info 
[3] Search 


Exemplu de meniu vertical expandabil 


C. meniu binivel — nivelul al doilea conţine legăturile propriu-zise, iar primul nivel are 
doar rol de grupare logică a legăturilor; 


Solutia propusa 
:: Prezentare generala 
:: De ce Actual 
Magazin? 
: Caracteristici 
ntrebari frecvente 
:: Exemple de 


magazine 
:: Deveniti distribuitor 


Cum comandati 

:: Preturi 

:: Formular de 
comanda 


Cum ne contactati 
: Info contact 


Suport tehnic W 
: Manual de utilizare 
: Formular de co ct 


Exemplu de meniu vertical binivel 


Meniurile verticale plasate în stânga paginii pot prezenta unele dezavantaje. Unul 
dintre cele mai deranjante tipuri de meniu este cel care conţine un număr de legături 
destul de mare, care face ca elementele să nu încapă, toate, în pagină (fie sunt 
ascunse complet, fie utilizatorul trebuie să folosească barele de navigare). Această 
situație poate apărea mai ales în cazul meniurilor expandabile. 

Faţă de meniurile orizontale, cele verticale sunt mai scalabile, numărul de legături 
cate pot fi adăugate ulterior fiind mult mai mare. 

Meniurile combinate. O a treia strategie de plasare a legăturilor de navigare este cea 
cate le combină pe cele două prezentate mai sus. Astfel, instrumentele de navigare 
se vor desfăşura atât în plan orizontal în antetul paginii, cât şi vertical, în stânga. 
Meniurile orizontale vor avea deseori doar un nivel, iar cele verticale unul sau 
maxim două niveluri. Mai mult, această grupare a elementelor de navigare în colţul 
stânga-sus al documentului poate conduce la un design mult mai atractiv, 
folosindu-se, de exemplu, în situaţiile în care situl este compus din mai multe sub- 
situti, relativ independente. 
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We Bring Trust to e-Business” 


Making it safe to do business over the Internet. 


products services 


training 
Search : 


Dev-Net = 
Dev-Net v| Go! 5 
oe Net m LE Entrust/Toolkit™ for Java™ 3 


Entrust/Toolkit™ for 


Javatoolkit 


Java™ 
+ Features and Benefits 
i Entrust-JavaToolkit. zip 

= Specifications Entrust-JavaToolkit2. zip 
. FAQs 
+ Data Sheet The Entrust/Toolkit for Java enables developers to easily build e-business 

STKE RAN applications with flexible, modular security services for encryption/decryption and 
» Addendum digital signature/verification with X.509 managed certificates. 

November 2000 

[download } The Entrust/Toolkit for Java makes it easy to build interoperable Java applications, 


applets, or servlets with multiple PKI solutions, providing a complete Java solution for 
secure B2B, B2C and Enterprise transactions 


Exemplu de sit folosind navigarea stdnga-sus 


O altă manieră de a asigura navigarea prin sit este aceea de a dispersa elementele de 
navigare pe întreaga suprafaţă a paginii sau chiar în cadrul conţinutului propriu-zis. 
În acest mod se poate reduce complexitatea meniurilor de navigare. 

Navigarea matriceală. Pentru siturile complexe, s-ar putea ca asigurarea unei navigări 
optime să nu se poată realiza foarte uşor. De exemplu, în cadrul unui sit al unei 
companii care produce imprimante, un driver pentru o anumită imprimantă ar putea 
fi găsit la secțiunea Produse — fiind ataşat paginii descriind modelul imprimantei 
respective —, dar şi în cadrul secțiunii Sport. Ambele opţiuni de localizare sunt 
logice, fără ca utilizatorul să încline asupra uneia particulare. 

În astfel de situaţii se adoptă de obicei o strategie de proiectare matriceala (matrix 
design). Aceeaşi pagina va fi accesibilă urmând căi diferite în cadrul ierarhiei de 
navigare. 

În mod ideal, utilizatorul ar trebui să nu fie conştient că aceeaşi informaţie este 
prezentă în locuri diferite, uneori fiind prezentată diferit, dar un sistem de 
management al conţinutului sitului ar trebui să-l ajute să aibă acces la aceasta, într-o 
manieră cât mai facilă. Practica uzuală este aceea de a se concepe doar o singută 
pagină, accesibilă din alte pagini prin intermediul /egiturilor încrucişate. Atunci când 
un vizitator urmează o astfel de legătură, în fapt este transferat în altă unitate logică 
a sitului. 

Pentru a evita problemele de organizare, dacă în cadrul unui sit apare necesitatea 
navigării matriceale multidimensionale, trebuie să reconsiderăm structura sitului şi 
să găsim o soluţie de navigare mai simplă. 

Paginarea informaţiilor. Deseori se întâmplă ca informaţiile pe care dorim să le 
includem pe situl Web să aibă dimensiuni considerabile, fără a le putea structura 
ierarhic. Pentru a putea fi parcurse cu mai multă uşurinţă si pentru a se asigura o 
încărcare mai rapidă a documentelor, aceste informaţii sunt divizate în serii de 
pagini, fiecare dintre aceste pagini trebuind să aibă prevăzute cel puţin butoanele de 
navigare Pagina următoare şi Pagina anterioară. Suplimentar, putem da posibilitatea de a 
se accesa un fragment de informatie — o pagină particulară — în manieră directă. 
Instrumentele de navigare vor fi plasate atât la începutul, cat si la finalul fiecărei 
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pagini. Aceeași strategie se va aplica si în cazul siturilor afisand o multitudine de 
anunțuri care trebuie grupate pe pagini pentru a facilita accesul. 


4111213]141516171 > 


About this site |Last update: 21 September 2002 


Subsol de pagină oferind legături de accesare directă a informatiilor paginate 


De reținut că paginile Web de dimensiuni mai reduse vor fi, de obicei, pagina de 
start sau paginile folosind la navigarea prin sit, fiind destinate parcurgerii on-line, 
deci vizualizării pe ecran. Aceste pagini vor putea conține elemente grafice sau 
multimedia mai voluminoase, fiind indicat să includă în jur de 500 de 
cuvinte/pagină. Această împărțire are şi avantajul actualizării punctuale mai 
eficiente a conținutului şi a parcurgerii totale a documentului de către cei interesați. 
Documentele de dimensiuni mari vor putea fi utilizate pentru un conţinut dorit a fi 
tipărit sau consultat în manieră off-line, putând fi astfel mai ușor de administrat in 
timp. 

O altă situaţie de fragmentare a informaţiei este cea în care conţinutul unei pagini 
necesită explicaţii suplimentare, care vor fi plasate deseori într-o casetă adițională 
(side bar) cate poate fi parcursă independent de textul principal. Această strategie 
este folosită si pentru plasarea afişelor publicitare în cadrul unei pagini. 


În continuare, vom prezenta un model de navigare în cadrul unui sit de comerţ 
electronic având ca mijloc de plată cartea de credit. Paginile dedicate completării comenzii 
de livrare a unui produs sau grup de produse vor avea dimensiuni reduse, prezentând doar 
un singur pas din șirul de paşi care trebuie urmaţi de client. Acest sit de paşi, de cele mai 
multe ori, este constituit din: 


e vizualizarea produselor selectate în coşul de cumpărături; 

e completarea adresei poştale de livrare a bunurilor comandate; 
° introducerea informaţiilor referitoare la cartea de credit; 

e terminarea comenzii. 


Desigur, aceasta va necesita încărcarea mai multor pagini Web pentru întregul proces 
de comandă, dar va da posibilitatea vizitatorului să remarce toți paşii intermediari şi să-l 
anticipeze pe următorul din şir. Pentru o exemplificare efectivă, recomandăm cititorului să 
viziteze situl Amazon. 


Coperte de situri 


Un sit se poate înfățișa vizitatorului nu direct prin intermediul paginii de start, ci printr-o 
copertă (cover page sau splash page), într-un mod similar supracopertelor unor publicații. 
Copertele de situri sunt folosite în diverse scopuri. Frecvent, o copertă de sit va include o 
imagine sau o animație introductivă, oferind puține informații, dar având rol de 
persuasiune, incitând utilizatorul să viziteze situl. Un alt gen de coperte de sit este acela 
care stabileşte o atmosferă (/00£ and feel) generală a sitului. Asemenea coperte de sit 
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furnizează adesea legături către secțiunile majore ale sitului, permiţând utilizatorilor un 
acces rapid la subiectele de interes, însă realizând în acelaşi timp o privire de ansamblu a 
sitului prin folosirea unui număr minim de mijloace. O a treia categorie este cea a 
copertelor de sit furnizând informaţii detaliate asupra specificului sitului, de cele mai multe 
ori recurgand la o prezentare textuală. 

Desigur, în funcție de natura şi de scopul sitului, va trebui să decidem dacă avem 
într-adevăr nevoie de o copertă de sit si, în caz afirmativ, va trebui să stabilim tipul ei. 

Copertele sunt cele mai controversate elemente ale unui sit. Pentru multi vizitatori, 
copertele de sit sunt pur si simplu un motiv de enervare, trebuind să mai dea încă un clic 
de mouse până la conţinutul pe care îl caută. Acești utilizatori preferă să le fie prezentat la 
început un index sau o hartă a sitului decât imagini frumoase ori animații hazlii, dar mari 
consumatoare de timp. Ideea principală de care trebuie să ţinem cont este necesitatea de a 
evalua preferinţele utilizatorilor si apoi de a alege metoda cea mai potrivită de atragere a 
acestora. 

De asemenea, trebuie să luăm în calcul si funcţia sitului. Utilizatorul tipic vizitează o 
singură dată situl sau va reveni destul de des? Un instrument on-dne, ca de exemplu un 
calendar de evenimente ştiinţifice ori sportive sau un motor de căutare, nu ar trebui să aibă 
o copertă de sit pur estetică, deoarece utilizatorii vizitează situl respectiv de mai multe ori 
pe zi în scopuri exclusiv pragmatice. Pentru un astfel de sit, o copertă elegantă — realizată 
cu dificultate în Flash —, dar nefunctionala, va incomoda utilizatorii, determinându-i să 
aleagă un alt sit. Bineînţeles, utilizatorii experimentați care nu vor să intre „pe uşa din fata” 
vot putea foarte simplu să utilizeze de fiecare dată adresa unei pagini interne a sitului — 
pagina de start sau harta sitului. 

Un sit informativ, ca de exemplu unul academic, al unei firme sau unul de interes 
general ar putea folosi o copertă de sit care să stabilească o temă de design vizual de 
ansamblu sau o metaforă pentru sit. Ar putea, de asemenea, să ofere o scurtă explicaţie 
privitoare la scopul sitului. Acest tip de copertă ar trebui să răspundă la întrebări ca Unde 
ma aflue, Cum este aici?, Cu ce se ocupă această organizatie? sau Ce voi găsi intrând în sit? 

De cele mai multe ori însă, succesul unei coperte de sit depinde foarte mult de 
aşteptările celui care-l vizitează. Astfel, coperta poate ridica întrebări la care se poate 
răspunde doar intrând în acel sit. Daca vizităm un sit dedicat unui poet, vom avea desigur 
alte aşteptări decât atunci când parcurgem un sit prezentând un joc interactiv. 

Vizitatorii unui sit cu profil artistic nu sunt utilizatori rataciti, ci se află în căutarea unei 
experienţe, a unei desfătări intelectuale sau a bunei dispoziţii. O faţadă misterioasă, plăcută 
din punct de vedere estetic, ar putea avea în acest caz mari şanse de a atrage un asemenea 
tip de vizitatori. 

Prea multe imagini introductive într-un sit de comerţ electronic vor fi supărătoare, iar 
prea puţine sp/ash-uri într-un sit de divertisment vor plictisi utilizatorii. Primele impresii 
contează cel mai mult, mai ales când există concurența... 


5.2.4 Proiectarea paginilor Web individuale 


Căutăm coerenţă, ordine şi credibilitate în toate sursele de informare, indiferent dacă ele 
sunt documente tradiționale, tipătite, informaţii radio/tv sau pagini Web. 

Organizarea spaţială a elementelor grafice şi textuale care intră în componenţa unei 
pagini Web poate atrage atenţia utilizatorului, punând în evidenţă informaţiile. Mai mult, 
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acest lucru conduce la interacțiuni mai eficiente și mai plăcute între vizitatori şi situl Web 
în cauză. 

Pentru a împlini acest deziderat va trebui să ţinem cont de logica vizuală a elementelor 
cate compun paginile Web proiectate. Conform spuselor lui Edmund Carpenter, „omul 
este cel mai mare constructor şi utilizator de modele. Indiferent de situaţia sa, el nu poate 
trăi într-o lume a haosului”. Astfel, în conceperea documentelor Web vom recurge la 
diverse modele de design pe care le vom detalia în continuare. 


Designul vizual 


Designul grafic trebuie să ofere un echilibru optim între senzația vizuală şi informația 
grafică sau textuală dintr-o pagină. Fără impactul vizual al formei, culorii şi contrastului, 
paginile sunt plictisitoare şi nu vor da motive vizitatorului să le parcurgă conţinutul. 
Documentele text dense, fără contrastul şi confortul vizual oferite de grafică si de o atentă 
aşezate în pagină sunt mai dificil de citit, mai ales în cazul monitoarelor având o rezoluţie 
scăzută. Similar, documentele Web care utilizează intens grafica riscă să dezamăgească 
utilizatorul, oferind un slab echilibru între senzaţia vizuală, informaţia textuală şi legăturile 
hipermedia existente. 

Designul este constrâns si de limitările latimii de bandă a reţelelor utilizate, de relativa 
sărăcie de mijloace a limbajului XHTML si de rezoluţia actuală a majorităţii ecranelor 
calculatoarelor. Vocabularul designului grafic realizat cu ajutorul marcatorilor XHTML sau 
proprietăţilor CSS este limitat mai ales de absenţa unor elemente exacte de poziţionare, 
similare celor tipografice. În acest sens, un sprijin notabil vine din partea foilor de stiluri în 
cascadă. Posibilitatea de a folosi legături hipertext conduce la o putere funcţională fără 
precedent si la o flexibilitate în proiectarea de structuri hipermedia interactive. Limbajele 
de tip script puse la dispoziţie de navigatoarele actuale imbogatesc gradul de expresivitate a 
documentelor XHTML dinamice, iar prezentarile multimedia bazate pe Flash, app/et-uri 
Java sau limbajul SVG (Scalable Vector Graphics) pot asigura o experienţă audiovizuala 
asemănătoare celei oferite de televiziune. Astfel, „folosirea crescândă a imaginilor animate 
în numeroase pagini de pe Web, inclusiv a celor însoţite de sunet, îl transformă pe 
designerul Web într-un producător de televiziune de facto” (Paul Levinson). 

Continuitatea vizuală şi funcţională în organizarea sitului Web, designul grafic şi 
caracteristicile corpurilor de literă alese sunt esenţiale pentru a convinge publicul că situl 
oferă informatie la zi, exactă si folositoare, inducând sentimentul de încredere. O abordare 
atentă, sistematică, a proiectării paginilor Web poate simplifica navigarea, poate reduce 
erorile şi poate ajuta vizitatorii să profite din plin de informaţiile şi de caracteristicile sitului 
Web. 

Una dintre greşelile frecvente în designul paginilor Web este lipsa simplităţii şi 
ignorarea vitezei de încărcare. Meniurile grafice încărcate, folosind diverse imagini animate 
la plasarea cursorului 7707/se-ului peste o legătură, sunt eficiente mai ales pentru utilizarea in 
cadrul unui intranet dintr-un mediu educaţional sau de afaceri, dar pun la încercare 
răbdarea utilizatorilor care accesează Web-ul cu ajutorul unui modem. 

Web-ul îi atrage pe multi vizitatori cu promisiunea unei comunicări grafice. Ecranele 
sau paginile de întâmpinare (sp/ash page) multimedia sau paginile de start exclusiv grafice 
pot avea succes atâta vreme cât înţelegem să facem compromisuri între viteza de încărcare 
si conţinutul vizual bogat, ţinând cont bineînţeles de tipul audienței şi de specificul sitului. 
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Trebuie să fim conştienţi şi de faptul că pretenţiile utilizatorilor au crescut fata de cele 
din urmă cu 5-6 ani. Tehnologiile Web au evoluat extraordinar, mijloacele de exprimare 
sunt tot mai diverse şi mai flexibile, echipamentele devin tot mai performante. Totuşi, din 
punctul de vedere al rentabilitatii, efectul cumulat al întârzierilor de încărcare a paginilor, 
cauzate de folosirea inadecvată a imaginilor sau altor documente multimedia de dimensiuni 
mati ori de greşelile de proiectare, poate să facă nerentabil intranetul unei organizaţii sau să 
descurajeze vizitatorii unui sit de comerţ electronic. 

Dacă numărul de accesări ale paginii de start este mult mai mare decât numărul de 
cereri ale fişierelor grafice folosite în cadrul paginii, atunci putem trage concluzia că multi 
utilizatori vizitează pagina setând navigatorul să nu afişeze conţinutul grafic. Dacă 
vizitatorii sitului nu vor să vizualizeze imaginile din cauza timpului crescut de încărcare, 
atunci înseamnă că toată informaţia grafică nu ajunge la aceștia şi deci designul paginii 
trebuie refăcut. O astfel de analiză trebuie realizată pentru fiecare pagină în parte. Pentru a 
determina timpul de încărcare a unei pagini Web se poate folosi servicul gratuit Dr. HIML 
— http://drhtml.imagiware. com. 


Înțelegerea mediului 


Mediul oferit de spaţiul WWW este diferit de cel al mass-media tradiţionale, în special de 
mediul tipăriturilor. Cititorii iau contact cu Web-ul în două moduri: 


°. in primul rând, Web-ul este considerat a fi un mediu direct unde paginile sunt 
parcurse în manieră on-/ine, fiind puternic imersiv. Prin imersiune nu se oferă o 
explicaţie a conceptelor care trebuie înţelese, ci se realizează o plasare a cititorului 
într-un mediu în care acesta este constrâns să renunţe la contextele familiare, fiind 
obligat să folosească tocmai conceptele pe care trebuie să le înveţe. Ca argumente 
că imersiunea este un fenomen real pot fi date expresiile deja consacrate „a naviga 
pe Web” sau „a face surfing pe Web”. Experienţa on-/ine devine bilaterală, 
permiţând cititorilor să contribuie prin intermediul e-maz/-ului sau a serviciilor 
convetsationale (cărți de oaspeţi, videoconferinte etc.) la conţinutul unor situri 
Web; 

e in al doilea rând, Web-ul poate fi privit ca fiind un mediu de „aprovizionare”, 
depozit oferind informaţii care sunt salvate local sau tipărite pe hârtie în vederea 
consultării ulterioare. Din acest punct de vedere, spațiul World-Wide Web se 
apropie mai mult de mediile tradiționale tipărite, dar numai partial deoarece o 
animaţie interactivă nu poate fi surprinsă într-un instantaneu static tipărit. 


Având în vedere cele spuse mai sus, deciziile de design sunt determinate de modul în 
care cititorii vor folosi situl nostru. La sfârşitul anilor ”70, cunoscutul teoretician al mass- 
media Marshall McLuhan afirma următoarele: „Utilizatorul este conţinutul”. Aşadar, va 
trebui realizat un design conform aşteptărilor vizitatorilor. 

Documentele cate vor fi citite on-line trebuie să fie concise, si să conţină elemente 
grafice atent reglate chiar si pentru o lăţime de bandă modestă. Cititorilor nu trebuie să le 
subestimăm inteligenţa sau capacitatea de navigare prin sit. Este exagerat să considerăm că 
utilizatorii nu vor citi decât una sau două fraze dintr-un text sau nu vor fi capabili să 
parcurgă decât propoziţii scurte. Articolele sau ştirile puse la dispoziţie pe Web nu trebuie 
să fie excesiv de succinte. Trebuie doar să fim conştienţi că de obicei cititorii vor dori să 
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tipărească paginile de dimensiuni mai mari sau prezentările mai complexe pentru a le 
parcurge mai uşor off-line. 


Ierarhia vizuală 


Primul pas pe care trebuie să-l facă proiectantul Web este cel de a stabili o ierarhie vizuală 
consistentă, dar şi puternică, în care elementele importante să fie accentuate şi conţinutul 
să fie organizat logic, într-un mod previzibil. Designul grafic trebuie să structureze 
informaţiile prin folosirea instrumentelor de interfață, practicilor tipografice si a 
ilustraţiilor pentru a conduce ochii cititorului prin pagină. Cititorii vizualizează paginile mai 
întâi ca fiind mase mari de formă si culoare, având prevăzute elemente de prim-plan care 
contrastează cu cele de fundal. Numai după aceea ei încep să recunoască informaţii 
specifice, mai întâi din elementele grafice prezente şi apoi începând să analizeze mediul — 
relativ mai dificil — reprezentat de text şi să citească enunturile individuale. 

Echilibrul grafic de ansamblu şi organizarea paginii sunt foarte importante pentru a 
atrage atenţia cititorului asupra prezentării conţinutului. O pagină anostă abundând de text 
masiv va conducere la respingere, asemenea unei mase de gti nediferentiat. La fel, un 
document dominat de un design slab al elementelor grafice si al textului nu va captiva 
utilizatorii sofisticati care caută un conţinut plin de substanță si eleganţă. Ceea ce se 
doreşte este asigurarea unui echilibru potrivit menit a atrage ochiul prin intermediul unui 
contrast vizual corespunzător. 

Proporția şi potrivirea la conţinut sunt cuvintele-cheie pentru decizii de design de 
succes, dar aceste aspecte pot fi determinate doar în contextul scopului general de 
dezvoltare a sitului Web, de natura informaţiilor disponibile şi, cel mai important, de 
aşteptările utilizatorilor. 


O pagină cu un design monoton şi 
una oferind un contrast vizual corespunzător 


Directionarea atenției 


De obicei, utilizatorii citesc de la stânga la dreapta, pornind din partea superioară a paginii, 
excepţie făcând comunităţi precum cele mozaică, musulmană sau chineză. 
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Această axă vizuală fundamentală domină cele mai multe principii de proiectare şi este 
baza designului grafic convenţional pentru majoritatea publicaţiilor tipărite — de la reviste 
până la afișe si de la coperte de cărți până la invitaţii. În planul paginii, partea superioară 
reprezintă întotdeauna locaţia dominantă. De aceea, această zonă este dedicată afişării 
siglei companiei sau a meniului orizontal de navigare. 

În ceea ce priveşte rolul culorilor în focalizarea atenţiei, nuanțele de pastel, delicate, 
cate se găsesc de obicei în natură sunt cea mai bună alegere pentru fundal sau pentru 
elemente minore, mai ales dacă suntem începători în domeniul graficii sau al selecției 
culorilor. Nu trebuie să utilizăm culori primare — roșu, galben sau albastru — saturate 
(intense), decât în zonele care se doresc a fi special accentuate, însă acest lucru trebuie 
realizat cu moderație. Textul trebuie întotdeauna să conttasteze cu oricare culoare a 
fundalului. Dacă intentionam să realizăm o schemă grafică sofisticată, atunci va trebui să 
apelăm la un designer de grafică profesionist. În cazul in care nu suntem noi înșine 
graficieni, cea mai bună soluţie este să fim conservatori, să păstrăm totul într-un stil 
convențional şi simplu, fără a utiliza contraste cromatice — deranjante pentru majoritatea 
vizitatorilor (a se vedea exemplele de situri negative incluse pe CD-ul cărții). 


Grafica abuzivă 


Elementele grafice, de asemenea, nu trebuie să distragă atenţia cititorului de la conţinutul 
propriu-zis al paginii. Trebuie aşadar să fim atenţi la ornamentele grafice. Liniile orizontale, 
pictogramele si alte marcaje vizuale isi au rostul lor, însă trebuie folosite cu atenţie, de 
preferat cât mai rar, pentru a nu avea o interfață pestriță şi confuză. Aceeaşi observaţie se 
aplică si pentru mărimea excesivă a textului dintr-o pagina Web, mai ales în cazul titlurilor 
de tip <h1> sau <h2>. 

Instrumentele de accentuare grafică — accesoriile dintr-o pagină Web, aşa cum sunt 
cerceii în vestimentația unei femei — sunt puternice si ar trebui folosite in doze mici pentru 
a avea un efect maxim. Abuzul utilizării acestora conduce la așa-numitul efect al 
„pantalonilor de clovn” — totul este strălucitor şi nimic nu este cu adevărat accentuat. Este 
cazul paginilor care abundă de pictograme, de cele mai multe ori animate, de diferite 
mărimi, culori şi forme — pagini care nu exprimă absolut nimic. 


Distragerea atenţiei vizitatorului prin includerea prea multor elemente grafice deranjante 
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Asigurarea consistentei 


Proiectantul paginii trebuie să adopte un şablon al prezentării (ayout-ului) informaţiilor 
pentru a putea manipula uşor informaţiile text şi elementele grafice, într-o manieră 
consistentă. Toate paginile sitului trebuie să fie unitare ca design, repetiţia in acest caz 
nefiind plictisitoare, ci oferind sitului o identitate vizuală consecventă. Aceasta face situl să 
fie uşor de ţinut minte de către vizitatori. O abordare consecventă a prezentării şi a 
mecanismelor de navigare permite cititorilor să se adapteze rapid la designul sitului și astfel 
să anticipeze localizarea informaţiilor dorite si elementele de navigare din fiecare pagină a 
sitului. 

O data stabilită o temă grafică pentru sit, aceasta va fi folosită in toate paginile 
compunând acel sit. Inconsistenta cromatică sau grafică va conduce la frustrarea 
vizitatorilor şi la scăderea credibilitatii sitului. 

Sigla şi meniul de navigare prezentate de pagina de start a sitului pot stabili tema grafică 
a întregului sit (gama cromatică, poziţionarea pictogramelor şi ornamentelor grafice, 
schema de navigare etc.). Această temă va fi folosită ulterior de toate paginile din acel sit, 
pentru ca utilizatorul să nu aibă nici o îndoială cu privire la apartenenţa unui document 
individual la situl pe care îl vizitează în acel moment. 

Trebuie reţinut şi faptul că nu e cazul să ne gtăbim în a stabili un stil special al 
înfăţişării sitului. Trebuie să fim foarte prudenti in a importa, put şi simplu, elemente 
grafice provenind din alte situri sau publicaţii tipărite pentru a „decora” paginile. Grafica şi 
stilul de editare a conţinutului sitului Web trebuie să evolueze ca o consecință naturală a 
abilității noastre de a prelucra si aranja judicios informaţiile dorite a fi publicate on-dine. 
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Unitatea designului sitului IBM — pagina principală si o pagină subsidiară 


Asigurarea echilibrului 


Designul paginilor Web este mai mult o chestiune de a echilibra puterea de asociere a 
legăturilor hipertext şi abilitatea de a adăuga elemente grafice si, eventual, animații. Unele 
pagini de start sunt similare copertelor de cărți sau de reviste. Ideea este de a atrage 
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utilizatorul prin intermediul unei combinaţii atente de descrieri textuale si elemente grafice 
interesante legate de subiectul abordat. 

Cel mai eficient design pentru utilizatorii obişnuiţi ai Internetului tinde să utilizeze 
interfețe îngrijite având preponderent informaţii text şi elemente grafice de dimensiuni 
relativ reduse. Aceste pagini se vor încărca rapid şi vor avea totuşi un impact vizual 
substantial. A se vedea, de exemplu, pagina principală a motorului de căutare Google — 
www.google.com. 

Trebuie sa tinem seama ca dimensiunile ecranului monitorului sunt de obicei mai mici 
decat cele ale unei pagini tiparite. Chiar daca paginile Web si documentele conventionale 
prezintă asemănări grafice, funcționale şi editoriale, ecranul computerului — care este 
primul loc de furnizare a informaţiei prezente pe Web — nu se poate asemăna deloc cu o 
pagină tipărită pe hârtie. 

Autorii de grafică electronică destinată siturilor Web nu trebuie să uite că majoritatea 
utilizatorilor nu pot vizualiza la un moment dat decât 50-75% dintr-o pagină Web 
obişnuită şi numai aproximativ 10% dintre cititori derulează pagina pentru a parcurge si 
conţinutul din partea inferioară a documentului. O greşeală des întâlnită este aceea de a 
insera elemente grafice în locuri care depăşesc lăţimea normală a ecranului la rezoluţia de 
800X600 sau 1024x768 — cea mai des utilizată în prezent. 

Elementele grafice ale paginilor Web nu trebuie să fie mai mari de 535 de pixeli lățime 
şi 670 de pixeli înălțime; în caz contrat, imaginea va fi prea largă pentru a putea fi tipărită 
pe o foaie de format A4. 


Rezoluţie 800 x 600 


Lățimea paginii Web poate diferi de lățimea monitorului 
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Utilizarea caroiajului 


Aşa cum un desenator tehnic foloseşte hârtie milimetrică pentru a realiza planşe 
impecabile, la fel proiectantul unei pagini Web poate recurge la metoda caroiajului (grid- 
ului). Consecventa şi posibilitatea de anticipare sunt atribute esenţiale pentru un sistem de 
informaţii bine proiectat, ajutând utilizatorii să identifice originea și relațiile paginilor Web 
si furnizând un acces uşor de anticipat la elementele de interfață. Caroiajul — utilizat şi 
pentru proiectarea publicaţiilor tipărite — este folosit si în realizarea documentelor 
electronice, disponibile on-/ie, unde relația spaţială dintre elementele de pe ecran se 
modifică în mod constant ca tăspuns la acţiunile utilizatorului si la activitatea întreprinsă 
de sistem. 

Când sunt utilizate într-o manieră inadecvată, în mod inconsecvent, elementele grafice 
şi textuale ale paginilor Web pot genera confuzii, fără a oferi nici o ierarhie vizuală in 
funcţie de importanţă. Acest nefericit efect de „pantaloni de clovn” (despre care am mai 
amintit în cadrul acestui capitol) determină un nivel scăzut al utilizării şi lizibilitatii 
conţinutului, la fel ca în cazul paginilor tipărite, redactate neingrijit. Din contra, un caroiaj 
atent organizat, implementat consecvent în cadrul unui set de pagini, va ajuta utilizatorii să 
găsească rapid informaţiile dorite şi va mări încrederea cititorului că foloseşte o colecție de 
informaţii judicios organizate. 

Desigur, nu există un sistem unic de organizare bazată pe caroiaj a informaţiilor dintr-o 
pagină. 


Un aranjament neadecvat al informatiilor (stânga) 
şi unul mai ordonat, folosind metoda caroiajului (dreapta) 


* In primul rând trebuie să analizăm care ar putea fi caroiajul de bază pentru toate 
paginile sitului: locul conţinutului textual — titluri, subtitluri, textul tehnoredactat —, 
poziţionarea elementelor grafice cu rol în focalizarea atenţiei (e.g: ornamentaţii 
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grafice şi ilustraţii), aranjamentul legăturilor navigationale etc. Pentru aceasta trebuie 
colectate exemple reprezentative de text şi componente grafice (fotografii scanate, 
imagini de sinteză sau prelucrate electronic, ilustraţii, pictograme şi altele). 
Următoarea etapă este analiza diverselor modalități de aranjare a informaţiilor în 
pagină. Pentru proiectele Web complexe această etapă ar putea fi reiterată deoarece 
este dificil de stabilit că prima soluţie este cea optimă, modelând cel mai bine 
interacțiunea dintre utilizator şi pagina Web. Deseori, se realizează — manual sau 
computerizat — diverse schiţe ale aranjamentului elementelor Web. 

Scopul principal care trebuie urmărit este acela de a stabili o prezentare (/ayou?) 
consistentă si logică a conţinutul destinat a fi prezentat pe ecran, ceea ce va permite 
apoi ataşarea de text şi de alte informaţii grafice/multimedia pentru fiecare pagină 
în parte, fără a mai realiza de fiecare dată o analiză a stilului de aranjare. Rezumând, 
proiectantul Web trebuie să imagineze un şablon ferm de prezentare vizuală a 
conţinutului. Acest șablon, utilizând tehnicile caroiajului, va trebui utilizat pentru 
toate paginile dintr-un sit sau dintr-un subsit, în caz contrar designul global va avea 
de suferit, consecința majoră fiind distragerea vizitatorilor. 


Desigur, pentru un anumit sit putem să ne inspiram din designul folosit în altul. Acest 
luctu se poate realiza optim prin analizarea caroiajului utilizat. 

De exemplu, pentru realizarea paginilor sitului unui simpozion ştiinţific (International 
Symposium on Parallel and Distributed Computing — ISPDC 2002, desfăşurat la Iasi în iulie 
2002), s-a adoptat un design bazat pe caroiaj compus din mai multe zone importante care 
se pot remarca in captura-ecran de mai jos: 


1 International Symposium on Parallel and Distributed Computing 
Topica Ast Call For Papers: Program Committee Organizing Committee 
2 Venue Important Dates Invited Talks 


Sponsors News Contact 
Organizing International Organizing Committee 
Committee = Anthony T. Chronopoulos, UTSA, USA 
= Dan Grigoraş. UCC, Ireland 
= Dan C. Marinescu, UCF, USA 
3 = John P. Morrison, UCC, Ireland 


= Traian Muntean, Marseille University, France 
= Omer F. Rana. Cardiff University, UK 


Local Organizing Committee 


= Mihaela Brut 
= Sabin-Corneliu Buraga 
= Ştefan Tanasă 


Up | Back | Lost update: 14 November 2001 | Designed and mairtoined by Sabin-Corneliu Buraga 


Exemplu de design bazat pe caroiaj 


Prezentarea informaţiilor s-a realizat în cadrul a şase zone distincte, folosindu-se o 
temă cromatică bazată pe albastru-petrol: 


1. 


în această primă zonă se stabileşte contextul: vizitatorul poate să-și dea seama că 
pagina aparține sitului simpozionului ISPDC — www.infoiasi.ro/~ispdc/; 
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2. a doua zonă este dedicată meniului orizontal de navigare cuprinzând, structurate pe 
trei rânduri, legături spre celelalte pagini de interes ale evenimentului ştiinţific; 

3. zona a treia directioneaza atenţia cititorului asupra subiectului conţinutului paginii 
curente, avându-se în vedere parcurgerea pe coloane a informaţiilor; 

4. a patra zonă include conţinutul propriu-zis; subtitlurile sunt diferenţiate prin 
intermediul unor proprietăți de stil CSS, iar informaţiile sunt structurate ca 
elemente de listă în vederea unei parcurgeti facile; 

5. zona a cincea joacă un rol dublu: în primul rând să echilibreze designul prin 
includerea siglei simpozionului (regăsită si în cadrul paginii de start) şi a locului si 
datei la care acesta se desfăşoară, iar în al doilea rând să ofere posibilitatea revenirii 
la pagina de început — sigla are atașată legătură spre rădăcina sitului; 

6. ultima zonă cuprinde legături spre începutul paginii şi către pagina de start, data 
ultimei actualizări, numele persoanei responsabile cu actualizarea informaţiilor 
(inclusiv legătura către situl personal al acesteia). 


Din punct de vedere tehnic, s-a recurs la un tabel XHTML având o lăţime de 750 de 
pixeli pentru a putea fi vizualizat fără dificultăți pe sistemele cu rezoluția medie de 
800X600 de pixeli. Meniul de navigare este inclus în alt tabel utilizat pentru aranjarea 
judicioasă a fiecărei legături text spre paginile subiectelor principale ale sitului. Lungimea 
totală a paginii (codul-sursă XHTML, fişierul CSS ataşat, pictograma utilizată ca indicator 
de element de listă — bullet — şi sigla micsorata a simpozionului) nu depăşeşte 11 kilobytes. 

Se remarcă faptul că designul este optim pentru vizualizarea paginii pe ecran, dar 
impropriu pentru listarea la imprimantă a conţinutului (partea extremă dreapta va fi 
trunchiată). 


Anteturi şi subsoluri de pagina 


Trebuie să reamintim faptul că procesul de transfer al conţinutului documentelor de la 
serverul Web spre navigator necesită un anumit timp, astfel încât pagina isi construieşte 
gradual impactul grafic. Cea mai bună măsură a eficienţei designului unei pagini este data 
de numărul opţiunilor disponibile utilizatorului în cei câţiva centimetri din antetul acelei 
pagini. Incluzand în antetul paginii elemente grafice de mari dimensiuni, având drept 
consecinţă întârzierea încărcării conţinutului propriu-zis, nu vom face decât să determinăm 
vizitatorul să părăsească situl şi să se îndrepte spre adresele altor situri, mai uşor de 
parcurs. 

Astfel, trebuie să gândim în termeni de ecrane de informaţie şi nu de pagini deoarece, 
după cum am văzut, Web-ul este un mediu special de interacţiune. Cele mai bune soluţii de 
proiectare adoptă în cadrul antetului paginii o combinaţie echilibrată de elemente grafice 
cu legături spre alte documente. O tehnică des folosită este cea a imaginilor senzitive (image 
maps), cate însă trebuie dublate de legături text prezente în subsolul aceleași pagini. A se 
vedea si „Organizarea instrumentelor de navigare” din cadrul secţiunii 5.2.3 

În ceea ce priveşte subsolul paginii Web, acesta va conţine informaţii referitoare la 
originea si data ultimei actualizări a conţinutului. Desigur, aceste informaţii nu sunt atât de 
importante pentru a fi plasate în antetul documentului, dar ele trebuie obligatoriu să apară 
în subsol. De cele mai multe ori, subsolul va include si un meniu de legături navigationale 
de genul Pagina următoare, Pagina anterioară, La începutul paginii, Înapoi la prima pagină etc. 
Pentru situl unui magazin de comerț electronic putem înlocui o parte dintre legături cu 
Următorul produs, Precedentul produs şi Lista tuturor produselor. 
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Unele dintre sfaturile care pot fi aplicate în proiectarea si tehnoredactarea materialelor 
tipărite pot fi folositoare si în contextul designului Web: 


e aspectul aerisit al paginii poate fi dat si de stabilirea unor margini suficient de mari 
si de adăugarea de spaţii între anteturi şi subsoluri de pagină si textul adiacent. De 
altfel, spaţiile albe pot contribui foarte mult la realizarea unui design profesionist; 

° liniile lungi de text trebuie înlocuite cu mai multe coloane — maxim 3-4. Aceste 
coloane trebuie spatiate corespunzător; 

* se pot utiliza, de asemenea, diverse chenare (borders) pentru încadrarea unor zone 
din pagină — de exemplu, combinaţii de linii orizontale şi verticale (ru/es) sau casete 
de text (definite prin proprietăți CSS). 


Vom detalia aceste ultime aspecte în următoarea secțiune a capitolului de fata. 


5.2.5 Designul continutului 


Aspecte tipografice ale conținutului text 


Acelaşi text (adică aceeaşi informaţie) poate fi vizualizat într-o multitudine de forme. O 
vizualizare diferită va avea drept consecinţă un impact diferit asupra cititorului. 

Unul dintre aspectele care trebuie luate în consideraţie este cel al contrastului vizual 
dintre blocurile de text şi zonele înconjurătoare ale acestora. Ochiul si mintea vizitatorului 
sunt atrase de contrastul ferm şi de formele distincte oferite de o pagină Web. O pagină 
ocupată exclusiv de informaţii text dense nu va fi percepută decât ca o imensă pată 
cenusie, lipsită de orice urmă de contrast vizual. Uniformitatea excesivă nu va atrage 
atenţia utilizatorilor. La fel, dacă toate propoziţiile sunt scrise cu caractere italice ori aldine 
(îngroșate), vizitatorul nu va mai percepe care informatie este cu adevărat importantă 
pentru dânsul. 

Punctul-cheie este economia de mijloace. Folosind fără discernământ zeci de proprietăți 
CSS aplicate asupra conţinutului unei pagini Web, nu vom obţine decât un „vacarm” 
vizual, în care fiecare element este tratat ca fiind solist într-o „orchestră” a formei si 
conţinutului. 


e Utilizarea majusculelor. În ceea ce priveşte aspectul vizual al textului, trebuie în primul 
rand să avem în vedere faptul că oamenii citesc in principal prin recunoaşterea 
formei generale a cuvintelor, nu prin analizarea fiecărei litere in parte. Scrierea 
întregului text cu majuscule va conduce la dificultăți în parcurgerea acestuia, 
deoarece cuvintele compuse exclusiv din litere majuscule formează dreptunghiuri 
monotone cate oferă un contrast mai putin accentuat decât formele determinate de 
alternanţa dintre minuscule şi majuscule. Titlurile scrise doar cu majuscule ocupă 
mai mult spațiu decât aceleaşi titluri având în componenţă combinaţii de minuscule 
şi majuscule. Mai mult, unele corpuri de literă au proiectate formele literelor 
majuscule pentru a fi utilizate doar în conjunctie cu cele minuscule. De asemenea, 
folosirea inutilă a majusculelor poate crea confuzii. Aşadar, trebuie să evităm 
utilizarea majusculelor în situaţiile când nu sunt strict necesare. 

° Dimensiunea. Mărimea corpului de literă folosit contează foarte mult în asigurarea 
lizibilităţii conţinutului. Trebuie evitate liniile lungi, scrise cu caractere de 
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dimensiuni reduse, deoarece ele necesită numeroase deplasări ale ochilor de la 
stânga la dreapta, fapt care oboseste cititorul. De asemenea, nu se vor scrie linii 
scurte compuse din caractere de dimensiuni mati, pentru că ele de obicei sunt 
caracterizate de o spaţiere neregulată a cuvintelor. 

De cele mai multe ori, designul Web impune utilizarea unor corpuri de literă de 
dimensiuni reduse — uzual, de la 8 până la 12 puncte tipografice (pt). Titlurile pot fi 
scrise cu caractere de 14 sau 16 pt. Dacă folosim proprietatea CSS font-size 
vom utiliza o unitate de măsură relativă la corpul de litera curent si nu una absolută, 
deoarece dimensiunea fontului depinde de rezoluţie şi monitor. De exemplu, pe 
platforma XWindow (din Unix) corpurile de litera vor părea mai mici decât sub 
Windows. 

Tipul corpului de literă. Tipurile corpurilor de literă se referă la aspectul vizual al 
reprezentărilor simbolurilor (litere, cifre, semne speciale) pe ecran sau la 
imprimantă. Această reprezentare poartă numele de corp de literă sau de font. Desi 
numărul de caractere este acelaşi (de exemplu, codul ASCII clasic include 
maximum 128 de caractere care pot fi codificate intern prin numere), formele 
reprezentării acestora pot fi teoretic infinite. După cum am menţionat si in 
subcapitolul dedicat foilor de stiluri în cascadă, corpurile de literă se împart în 
familii, iar fiecare tip de font se bucură de diverse proprietăţi (że. mărime, spaţiere 
între caractere sau culoare) sau de maniere de afișare (fonturi ingrosate — bold, 
italice sau oblice). Deosebirea dintre fonturile oblice si cele italice este aceea că în 
cazul fontutilor italice sunt redesenate toate formele prin care se reprezintă un 
anumit caracter — succesiunea caracterelor italice sugerează scrisul de mână. Cele 
oblice (denumite şi înclinate) provin din formele obişnuite care sunt înclinate cu un 
anumit grad. 

Pentru alte detalii, a se vedea specificatia CSS — nivelul 2, inclusă pe CD-ul care 
însoţeşte cartea de fata. 

Famiile importante de corpuri de litera sunt: 


- cuserife (eg: Times, Book Antiqua, Garamond, Bodoni, Minion Web) — fiecare 
reprezentare (gph) include adăugiri sau tuse finale care contribuie la o buna 
lizibilitate in cazul tipăririi, mai ales prin contrastul puternic dintre fonturile 
obișnuite şi cele îngroșate; 

- fara serife — sans-serif (eg: Arial, Helvetica, Verdana, Univers) — formele 
caracterelor nu includ serife, neavând nici un fel de adăugiri suplimentare, fiind 
indicate pentru afişarea pe ecran. Oferă un contrast mai putin intens între 
corpurile de litera obișnuite si cele aldine; 

- cursive (eg: Zapf-Chancery, Caflisch Script, Adobe Poetica, Zurich Calligrafic) 
— oferă o teprezentare a corpurilor de literă sugerând scrisul de mână sau cu 
pana, formele caracterelor putand fi partial sau complet conectate una cu 
cealaltă. Pentru dimensiuni reduse ale caracterelor, aceste tipuri de fonturi devin 
ilizibile; 

- decorative — fantasy (¢.g.: Critter, Cottonwood, Star Down etc.) — pot conţine 
reprezentări ale caracterelor sau alte forme asociate fiecărui simbol (że. 
Webdings). Trebuie utilizate cu moderatie; 

- monospatiate — monospace (¢.g.: Courier, Prestige, Everson Mono) — se bucură de 
proprietatea că fiecare reprezentare a unui caracter ate aceeaşi înălțime si lățime, 
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spre deosebire de familiile anterioare care cuprindeau fonturi spatiate 
proportional (de exemplu, litera „i” are lăţimea mai mică decât „m” în cazul 
unui corp de literă spatiat proportional). Deoarece sugerează prin forma lor 
maşina de scris, fonturile din această categorie sunt folosite pentru afișarea 
fragmentelor de cod-sursă dintr-un limbaj de programare. 


După cum se observă, cele mai potrivite tipuri de fonturi care trebuie utilizate în 
cadrul paginilor Web sunt cele fără serife. De altfel, majoritatea siturilor actuale 
folosesc Arial, Helvetica sau Verdana. 

Gruparea şi aranjamentul. Gruparea cuvintelor în cadrul unei linii de text este foarte 
importantă. La fel, aranjarea pe rânduri a textului. 

Prezentăm în continuare un exemplu greşit de aranjare pe linii: 


Proiectarea 
situs 
rilor Web 
nu este 
ditis 

éi láy; 
dacă 
aveți la 
dispo- 
Zitie 
acest 
volum. 


Spatierea. După alegerea corectă a tipului de font si a dimensiunii acestuia, trebuie 
aleasă spatierea liniilor de text. Acest lucru se realizează prin intermediul proprietăţii 
line-spacing, pusă la dispoziţie de CSS. O spaţiere prea mică va conduce la 
diminuarea contrastului vizual al paginii, însă nu trebuie să trecem în extrema 
cealaltă. 

Un alt aspect important îl reprezintă spatierea dintre paragrafe sau dintre paragrafe 
si titluri/subtitluri. Folosind proprietățile CSS — eg: margin-top si margin- 
bottom — se poate alege o spaţiere precisă, coerentă pentru toate paginile Web ale 
sitului. 

Alinierea. Asigurarea unei alinieri corecte conduce la un design elegant. Trebuie să 
ţinem cont de faptul că alegerea modului de aliniere depinde de: 


- mesajul dorit a fi transmis cititorului — textul aliniat la stânga este considerat a fi 
mai prietenos, mai putin formal si mai deschis decât cel aliniat complet (justif). 
Textul aliniat complet, si la stânga si la dreapta, este utilizat pentru a sugera un 
stil clasic, plin de seriozitate, putând fi folosit în cazul cărților on-line; 

- lungimea liniilor (coloanelor) — textul dispus pe coloane de lățime redusă nu 
trebuie aliniat complet, mai ales în cazul folosirii unor corpuri de literă de 
dimensiuni mai mati, deoarece conduce la o spaţiere inegală între cuvinte; 

-  lizibilitatea — deşi nu există o părere unanim acceptată, se consideră că alinierea 
la stânga şi spatierea unitară a cuvintelor oferă cititorilor mai mult confort la 
parcurgerea textului fata de textul aliniat complet. 
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De reţinut că paragrafele sau titlurile de lungimi mari aliniate la dreapta sau centrate 
sunt mai dificil de parcurs decât cele aliniate la stânga. De asemenea, subtitlurile vor 
fi centrate doar atunci când coloanele de text sunt aliniate complet pentru 
asigurarea unui contrast vizual puternic. Dacă textul este aliniat doar la stânga, 
atunci şi subtitlurile se vor alinia tot la stânga. Subtitlurile pot atrage atenţia 
utilizatorului si prin variații de culoare, spaţiere sau dispunere spaţială în cadrul 
paginii. 

e  Indentarea. Pentru a face deosebirea între anumite zone de text, se poate utiliza 
indentarea diferită a textului fata de titluri/subtitluri. Aceasta se poate realiza prin 
intermediul tabelelor de lățimi diferite sau cu ajutorul proprietăților de stil (e.g: 
margin-left, margin-right). 

O altă tehnică folosită este cea a liniilor orizontale sau a chenarelor (se pot utiliza 
marcatorul <hr> sau setul de proprietăţi CSS border). 

°  Punctuaţia. Modul cum este realizată punctuatia textului poate fi important în unele 
cazuri, precum cel al parcurgerii conţinutului de către un program de citire a 
textului. O punctuație corectă, în conjunctie cu un aranjament judicios al textului, 
vor mări gradul de utilizabilitate a sitului. 

* Marcarea acronimelor, abrevierilor şi a schimbărilor de limbă. Conţinutul va fi mult mai 
uşor parcurs şi înțeles dacă vom explicita acronimele şi abrevierile, ca în următorul 
exemplu: <abbr title="Bulevardul">Bd.</abbr>. Folosind atributele 
lang şi/sau xml:lang putem, de asemenea, marca schimbările de limbă din 
cadrul textului: <span lang="es">j;Hola!</span>. 

° Utilizarea titlurilor şi subtitlurilor. Un design bun al unei pagini Web nu va folosi fără 

discernământ pictograme, banner-e grafice, fundaluri colorate, ilustraţii (c/p-arf-uti) 
sau alte ornamentatii. Captarea atenţiei vizitatorilor se va face prin utilizarea 
titlurilor si subtitlurilor, similar metodei uzitate pentru materialele tipărite. O 
abordare consistentă a modului de poziţionare, aliniere şi afişare a acestora va avea 
drept consecinţe facilitarea parcurgerii conţinutului si uşurinţa în navigare. 
La prima vizită pe pagină, privirea cititorului va baleia doar textul, oprindu-se 
asupra titlurilor, subtitlurilor şi a sumarelor de articole; aşadar trebuie să acordăm o 
atenţie specială acestor elemente ale conţinutului. Astfel, titlurile si subtitlurile vor 
trebui să nu fie vagi, conţinând cuvinte lipsite de semnificaţie sau prea lungi. 
Titlurile şi subtitlurile vor avea un corp de literă diferit, in general fiind caracterizate 
de un stil care contrastează cu aspectul paragrafelor având informaţii de conţinut. 

e Titlul paginii. După cum am mai amintit, titlul paginii Web trebuie ales cu grijă, 
numele organizaţiei şi/sau subiectul tratat de acea pagină fiind obligatorii. De 
exemplu, pentru pagina privind serviciile oferite de o companie fictivă cu numele 
„Eindirra”, am putea specifica: 


<title>Endirra | Servicii oferite</title> 


Titlul trebuie să fie suficient de scurt pentru a putea fi parcurs chiar si dacă fereastra 
navigatorului este minimizată. 


Atenţionăm cititorul că designul bazat pe XHTML şi CSS depinde şi de navigatorul 
folosit sau de platforma pe care acesta rulează. De exemplu, marginile de la chenarul 
ferestrei în care este afişată pagina Web şi conţinutul propriu-zis al acesteia variază de la 
navigator la navigator. La fel, după cum am mai menţionat, dimensiunea aceluiaşi corp de 
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literă nu este constantă în toate cazurile. Astfel, verificarea temeinică — folosind mai multe 
tipuri de navigatoare (cel putin Mozilla /Firefox şi Internet Explorer, pe platformele 
Windows si Linux, dar trebuie luate în considerație şi Opera sau Konqueror) — a încadrării 
şi alinierii corecte a elementelor în pagină este obligatorie. Conţinutul semantic al 
imaginilor poate produce efecte nedorite prin suprapunere și juxtapunere cu textul. 

In vederea pregătirii conţinutului textual al paginilor sitului proiectat, trebuie să avem 
în vedere şi următoarele observaţii, puse în evidență de unii cercetători ai 
comportamentului utilizatorilor aflați pe Web: 


de obicei, cititorii realizează o lectură de suprafață combinată însă cu aprofundări 
selective ale materialului parcurs. Trei sferturi dintre cititori își limitează lectura la 
parcurgerea cuprinsului şi a scurtei descrieri a articolului. De altfel, aceasta este o 
modalitate de prezentare foarte utilizată pe Web. Descrierii succinte îi urmează de 
cele mai multe ori o legătură Detalii care conduce vizitatorul spre pagina prezentând 
integral subiectul abordat; 

lectura este intercalată, fiind întreruptă frecvent prin deschiderea mai multor 
ferestre //ab-uti de navigare în cate se caută separat informaţii, se accesează adrese 
de situri cunoscute sau se verifică, în paralel, poşta electronică. Astfel, utilizatorii 
alternează situri accesate concomitent, atenţia nefiind focalizată exclusiv pe o 
fereastră de navigare, mai ales din cauza timpului de încărcare a paginilor. Astfel, 
folosirea unei terminologii standard şi constante pe întregul sit elimină timpul 
suplimentar acordat de vizitator pentru realizarea eventualelor recorelări si 
circumscrieri de sens la schimbarea rapidă a contextului. Nu trebuie ignorat faptul 
că sesiunea de lucru a unui utilizator poate dura ore, sursele de lectură fiind diverse 
sau fragmentate de întreruperi, alternându-se modalităţile de lucru; 

autorul paginii nu trebuie să folosească elemente care pot distrage atenţia pâna la a 
deveni supărătoare. Ca exemple putem enumera textul clipitor sau având o culoare 
inadecvată ori animatiile: la un oarecare timp după îndeplinirea funcției pentru care 
au fost proiectate — de captare a atenţiei —, pot deranja şi determină utilizatorul să 
abandoneze pagina; 

cei mai multi utilizatori sunt deranjati de erorile gramaticale şi de tehnoredactare. Se 
recomandă ca fiecare document să fie parcurs, înainte de a fi disponibil pe Web, de 
un expert filolog. De asemenea, trebuie evitate frazele excesiv de lungi sau cele 
incluzând expresii colocviale sau regionalisme. Un factor de care e bine să ținem 
cont este internationalizarea conţinutului. Tot aici, trebuie menţionat si faptul că 
vizitatorii nu trebuie să fie „bombardaţi” cu mesaje de eroare (prea) tehnice 
raportate de sit — vezi figura de mai jos. 


Redirecting... 
Warning: Unknown(): Your script possibly relies on a session side-effect 
which existed until PHP 4.2.3. Please be advised that the session 
extension does not consider global variables as a source of data, unless 
register_globals is enabled. You can disable this functionality and this 
warning by setting session.bug_compat_42 or session.bug_compat_warn 
to off, respectively. in Unknown on line 0 


„Afisarea necorespunzatoare a unor mesaje tehnice (de eroare) 
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* un alt aspect pe care nu trebuie să-l omitem este cel al prezenţei prea multor 
legături într-un paragraf de text. Este lipsit de sens să atragem vizitatorul să citească 
un paragraf care abundă de legături auxiliare invitându-l să parcurgă alte pagini, 
chiar aparținând altor situri. De obicei, aceste legături se grupează într-o zonă 
distinctă a paginii (eg: în subsolul ei sau pe margini) ori într-o altă pagină intitulată 
Alte legături relevante. De asemenea, textul explicativ asociat hiperlegaturii trebuie să 
fie la obiect, succint şi lipsit de ambiguitati. 


Elemente de grafică 


Pentru realizarea unui design Web atractiv, conţinutul grafic este o condiţie spe qua non. 
De cele mai multe ori când discutăm despre grafică ne referim la monitorul folosit, la 
rezoluţia sistemului și la paleta de culori disponibilă. Vom reaminti o serie de noţiuni de 
bază în continuare. 

În mod uzual, folosim calculatoare dotate cu monitoare color cu tub catodic (CRT — 
Cathode Ray Tube) sau cu cristale lichide (LCD — Liquid Crystal Display). Modelul cromatic al 
luminii trasmise de acestea este bazat pe trei componente: roșu (red), verde (green) si 
albastru (b/ve) — modelul RGB (denumit si model cromatic aditiv). Din păcate, fiecare 
sistem realizează un management diferit al culorilor, existând deosebiri destul de mari între 
Macintosh şi Windows. Pentru listare, se foloseşte un alt model cromatic, o culoare fiind 
reprezentată de componentele: turcoaz (cyan), violet (magenta), galben (yellow) şi negru 
(black) — modelul CYMK. 

Culorile se mai pot caracteriza prin trei componente: tonul (bue), luminozitatea 
(brightness sau lightness) şi saturatia (saturation) — modelul HSB. 


H 
Qo —_______________ 1140 
100 bgg’ 100 


a 


Modelul HSB Modelul CYMK 


* Tonul face referire la numele familiar al culorii, putând fi amintite aici culorile 
primare (roșul, galbenul, albastrul în cromatica artistică) şi cele secundare (oranjul, 
verdele şi violetul în cromatica artistică) — denumiri pe care le conferim luminii 
percepute. Dispunând culorile pe un cerc, tonul reprezintă devierea măsurată în 
grade fata de punctul de referință dat de culoarea roşie. Spre exemplu, albastrului 
put îi corespunde un ton de 240 de grade, iar verdelui un ton de 120 de grade. 

° Termenul /uminogitate desemnează intensitatea undei luminoase corespunzătoare 
culorii percepute. O luminozitate nulă echivalează cu negrul. 
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e Saturafia măsoară puritatea unei culori. O saturație nulă va desemna un gri al culorii 
care îi corespunde. Albul şi negru nu au asociate saturatii, la fel orice griuri neutre 
(cele dintr-o imagine cu grade de gri, numită din acest motiv şi desaturată). 
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„Alegerea unei culori in GIMP — The GNU Image Manipulation Program 


Pentru reprezentarea informaţiilor pe ecran, zona de afişare este organizată asemenea 
unei matrice, fiecare element al acesteia fiind reprezentat de un pixe/ (picture element). Pentru 
a controla fiecare pixel de pe ecran, in mod independent de monitorul folosit, calculatorul 
are prevăzut un echipament denumit p/acă video. Aceasta oferă posibilitatea de a opera la 
mai multe rezoluții şi adâncimi de culoare. 

Rezoluţia desemnează numărul maxim de linii şi coloane ale matricei de pixeli. Cu 
câţiva ani în urmă, rezoluţia pentru calculatoarele personale era de 640480 (640 de pixeli 
lăţime şi 480 de pixeli înălțime). Actualmente, rezolutiile uzuale sunt 800x600 şi 
1024x768, dar deja utilizatorii recurg la rezoluții mai mari precum 1280x960 de pixeli. 
Stațiile grafice (eg.: Silicon Graphics Indigo) suportă rezoluţii net superioare, de ordinul a 
câteva mii de pixeli lățime. În cazul dispozitivelor mobile, fara fir, ecranele acestora au o 
rezoluţie redusă (de exemplu, 176 X 220 de pixeli ori 240 x 320 de pixeli). 

Deseori, rezoluţia imaginii se poate exprima si ca număr de pixeli per inci (dpi — dots per 
inch), monitoarele calculatoarelor personale având de la 72 până la 96 dpi, iar imprimantele 
minimum 600 dpi. Grafica pentru Web trebuie salvată astfel doar la rezoluţie de 72 dpi, 
fiecare pixel al imaginii corespunzând unui pixel de pe ecran. 

În funcţie de memoria plăcii grafice, un pixel poate fi reprezentat pe mai multi biti. O 
reprezentare pur alb-negru va necesita câte un singur bit asociat unui pixel. Dacă bitul are 
valoarea 1, atunci pixelul respectiv va fi „aprins”, iar dacă valoarea bitului este nulă, atunci 
pixelul va fi „stins”. În cazul în care un pixel se reprezintă pe un octet (8 biţi), atunci 
valoarea numerica a culorii pixelului va putea varia de la O până la 255, pixelul respectiv 
putând fi „aprins” cu maxim 256 de culori. Memorand un pixel pe 16 biti sau pe 24 biti se 
vot putea afişa mii sau, respectiv, milioane de culori, dar memoria video va trebui să aibă o 
capacitate mult mai mare. Numărul de biti folosiți pentru „aprinderea? unui pixel 
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furnizează tocmai adâncimea de culoare. O adâncime de 24 de biti se mai numește şi True 
Color. Având 24 de biţi şi trei componente de culoare RGB, ne putem da uşor seama că 
fiecare componentă poate fi reprezentată pe 8 biţi. Aşadar, valoarea unei culori 
reprezentate poate fi văzută ca un triplu (7, g, b, unde fiecare valoare 1, g şi b poate varia de 
la O la 255. lată de ce codurile de culoare se reprezentau la XHTML prin trei valori 
hexazecimale prefixate de ,,#” şi la CSS prin trei valori zecimale rgb (r, g, b). 

Evident, stocarea imaginilor la o rezoluţie ridicată si cu o adâncime de 24 de biti va 
necesita o cantitate mare de memorie. Deseori, aceste imagini sunt compresate pentru a 
putea ocupa mai puţin spaţiu, decompresia efectuându-se de cele mai multe ori în 
momentul afişării. Metodele de compresie pot fi fără pierderi — în urma decompresiei se 
obţine imaginea originală — sau cu pierderi — compresia va elimina unele informaţii din 
imaginea inițială. 

O altă manieră de reprezentare a culorilor într-un fişier grafic este cea a ¿indexării 
utilizată pentru adâncimi de culoare de 8 biţi. În acest caz, cele maximum 256 de culori 
formează o tabelă de culori — CLUT (Color Look-Up Table) — denumită si index sau paletă. 
Pixelii nu vor fi reprezentaţi prin valoarea culorii propriu-zise, ci prin valoarea indexului 
tabelei CLUT. Fişierele grafice indexate vor putea de asemenea să fie compresate — cazul 
formatului GIF. 
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O imagine color şi tabela CLUT asociată 


În cazul în care dorim să reprezentăm imagini compuse din numeroase primitive 
grafice (eg: puncte, linii drepte sau curbe, zone rectangulare, elipse etc.), putem adopta 
reprezentarea vectorială, în opoziţie cu cea de tip raster (bitmap). O imagine vectorială va 
conţine informaţii despre mulţimea de primitive grafice folosite şi proprietăţile acestora 
(poziţie, dimensiuni, mod de colorare etc.) şi nu despre matricea de pixeli care o reprezintă 
— cum se întâmplă în cazul imaginilor raster. Astfel, asupra unei imagini vectoriale se pot 
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realiza mult mai uşor diverse operaţii precum translarea, scalarea sau rotirea imaginii în 
ansamblu sau a unor părți din aceasta. 


Formate grafice 


Imaginile vor putea fi reprezentate color în diferite formate grafice. Astfel, de-a lungul 
timpului au existat diverse formate de fişiere dintre care se pot aminti: 


Windows Bitmap (BMP) originar în mediile Windows, poate avea două forme: 
compresată sau necompresată, putând suporta imagini color pe 24 biti/pixel. 
Encapsulated PostScript (EPS) este un format conceput de Adobe, subset al limbajului 
de descriere Postscript. Oferă suport atât pentru imaginile raster, cât si pentru cele 
vectoriale. Fişierele EPS pot fi utilizate pentru listarea de calitate a imaginilor la o 
imprimantă compatibilă PostScript si pot fi de tip ASCII — includ o descriere 
textuală a imaginii (atât pentru imprimantă, cât şi pentru monitor) — sau de tip binar 
— comenzile de desenare sunt substituite de coduri numerice. Unul dintre 
dezavantajele majore este legat de absenţa comprimării. 

Tagged Image File Format (TIFF) a fost dezvoltat de compania Aldus ca standard 
pentru imaginile scanate, folosit ulterior pentru schimbul de informaţii grafice între 
aplicaţii şi platforme eterogene. Se utilizează pentru imagini de calitate, în vederea 
tipăririi. 

PICT/PICT2 se adresează aplicaţiilor grafice de pe platformele Apple Macintosh, 
putând stoca imagini bitmap si vectoriale. Se oferă adâncimi de culoare de 8 si 24 
de biti. Imaginile stocate in acest format pot fi vizualizate de programul QuickTime. 


Pentru Web, formatele consacrate de reprezentare a imaginilor sunt: 


Graphic Interchange Format (GIF) — dezvoltat de Compuserve ca metodă de transfer 
prin reţea a fişierelor compresate, este un format de tip raster cu compresie fără 
pierderi. Se regăseşte în două forme: GIF87a si GIF89a, fiind suportat pe o 
varietate de sisteme. Din păcate, metoda de decodificare este relativ lentă si nu se 
oferă decât o adâncime de culoare de 8 biţi — se foloseşte metoda indexată de 
memorare a informaţiilor de culoare. Având doar 256 de culori la dispoziţie, 
fişierele în format GIF pot fi folosite la stocarea textelor, diagramelor, schemelor 
sau altor imagini incluzând puţine culori. De exemplu, se vor putea memora 
pictograme, afişe publicitare (banner-e), scheme alb-negru etc. 

Avantajele formatului GIF sunt: 

- realizarea de animații — un singur fişier poate conţine mai multe imagini afişate 
în diverse momente de timp; 

- transparența — una dintre culorile din tabela CLUT poate fi considerată a fi 
transparentă, orice apariție a ei fiind înlocuită de culorile fundalului pe care este 
suprapusă imaginea. Transparenţa oferă avantaje în ceea ce priveşte refolosirea 
unor imagini în diverse contexte, fără a ne interesa culoarea de fundal, îndeosebi 
când reprezentăm forme nerectangulare. 
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Folosirea unui fisier GIF transparent şi 
a unuia netransparent in conjunctie cu utilizarea unui fundal 


Din păcate nu se oferă transparenţă selectivă: dacă fixăm o culoare ca fiind 
transparentă trebuie să avem grijă ca acea culoare să nu fie folosită în imagine 
decât drept culoare de fundal, în caz contrar putând apărea efecte vizuale 
nedorite; 

-  întreţeserea — un fişier GIF conventional la momentul încărcării este reprezentat 
linie cu linie, pornind din partea superioară a imaginii pe care o conține. Prin 
tehnica intreteserii (żnzerlacing) se oferă însă posibilitatea ca în timpul încărcării 
utilizatorului să-i fie oferită aceeaşi imagine la rezoluții progresiv mai bune. 
Initial, un GIF intretesut va fi văzut la o rezoluţie inferioară, iar pe măsura 
încărcării va furniza în mod gradual mai multe detalii privitoare la imagine până 
la rezoluţia maximă. Astfel, vizitatorilor li se vor oferi indicii în legătură cu 
imaginea respectivă chiar în cursul încărcării. Un fişier GIF intretesut va 
necesita acelaşi timp de încărcare ca si unul obişnuit. 


Efectele vizuale ale încărcării unei imagini stocate ca GIF intretesut 


De asemenea, formatul GIF89a față de GIF87a permite includerea de comentarii 
privitoare la creatorul imaginii, afişarea unor linii de text sau controlarea modului de 
dispariţie a unui anumit cadru înainte de afişarea următorului, în cazul GIF-urilor 
animate. 

În general, pentru Web nu se foloseşte o paletă de 256 de culori, ci una compusă 
numai din 216 — aşa-numitele culori sigure (safe colors). Această paletă cromatică 
include culorile care pot fi afişate fără modificări atât de monitoarele Macintosh, cât 
şi de cele ale calculatoarelor personale compatibile IBM. 
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Un aspect de care trebuie să ţinem cont este ,,scalatea” cromatică a unei imagini 

conținând un număr mare de culori la cele maxim 256 de culori permise de 

formatul GIF. Modialitatile de ajustare a pierderilor cromatice poartă numele de 

dithering. Astfel, culorile care nu pot fi reprezentate vor fi „simulate” prin 

juxtapunetea unor culori care să ofere vizual o culoare apropiată de cea inițială. 

Adobe Photoshop oferă mai multe moduri de a realiza această acțiune: 

- prin difuzie (diffusion dithering) — urmărind o îmbinare naturală a culorilor; 

- prin intermediul unor modele (pattern dithering) — culorile sunt dispuse conform 
unor modele geometrice; 

- prin zgomot (noise dithering) — nu se urmăreşte o arie de tranziţie de la o culoare 
la alta, ci se amestecă la nivel global culorile. 


otiginal diffusion 


Diverse moduri de aplicare a dithering-ului 
pentru o imagine GIF salvată cu paleta Web (216 culori) 


Există o multitudine de programe pentru vizualizarea si procesarea fişierelor GIF. 
Putem enumera Irfan View, GIF Master, GIF Construction Set sau GIMP. Pentru 
prelucrarea profesionistă şi optimizarea fişierelor GIF (e.g: reducerea paletei CLUT 
sau interpolarea culorilor), se recomandă utilizarea aplicațiilor Adobe Photoshop si 
Adobe ImageReady. 

Joint Photographic Experts Group (JPEG) — oferă un mecanism standardizat de 
compresie a imaginilor cu tonuri continue (de exemplu fotografii), color sau in 
tonuri de gri, dezvoltat de experți fotografi. Spre deosebire de GIF, formatul JPEG 
este un format grafic cu pierdeti, fiind conceput să exploateze limitele cunoscute ale 
ochiului uman: schimbările mici de culoare sunt percepute cu o acuratețe mai 
scăzută decât modificările de strălucire. Astfel, imaginile JPEG sunt destinate a fi 
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privite de oameni si nu analizate într-o manieră computerizată, deoarece în urma 
decompresiei nu va mai rezulta imaginea originală. 

Formatul JPEG permite stocarea informaţiilor de culoare pe 24 biti/pixel 
(16 milioane de culori) — adâncimea de culoare True Color. 


JPEG 

reducere minimă 
calitate bună (80%) 
dimensiune: 4,5 KB 


JPEG 

reducere maximă 
calitate slabă (10%) 
dimensiune: 1,7 KB 


GIF 
paletă Web (216 culori) 
dimensiune: 15 KB 


JPEG versus GIF 


O proprietate folositoare este aceea că formatul JPEG suportă mai multe grade de 
pierdere (reducere), în funcție de parametrii de compresare utilizați. O reducere 
accentuată va avea drept consecinţe o calitate slabă a imaginii si o dimensiune mult 
redusă a fişierului (există cazuri de micsorare de până la 100 de ori a dimensiunii 
fişierului). Un alt aspect important se referă la faptul că decodoarele JPEG pot 
folosi aproximări (cu un grad mai ridicat de inexactitate) în vederea accelerării 
procesului de decodificare a imaginii. Trebuie avută în vedere o balanţă echilibrată 
între calitatea imaginilor JPEG şi dimensiunea fişierelor rezultate. De cele mai 
multe ori, la rate mari de compresie apar efecte nedorite — așa-numitul zgomot (noise) 
—, in special dacă sunt memorate in format JPEG grafice, scheme sau imagini 
generate de programe vectoriale si rasterizate ulterior. In astfel de cazuri, formatele 
GIF sau PNG sunt de preferat. 
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Prezenta zgomotului într-o imagine JPEG (dreapta); 
comparati cu aceeaşi imagine salvată ca fisier GIF (stânga) 


Şi formatul JPEG permite utilizarea intreteserii, dar in acest context fişierele se 
numesc progresive. Detaliile imaginii se imbogatesc progresiv cu încărcarea fişierului, 
putând exista până la 5 niveluri de detaliere. De obicei, afişarea fişierelor JPEG 
progresive necesită mai mult timp decât afişarea celor obişnuite. 

Alte formate înrudite cu JPEG sunt JFIF (JPEG File Interchange Format) şi JPEG 
2000. Putem, de asemenea, nota faptul că tehnicile de compresie JPEG se regăsesc 
şi în cadrul standardului video MPEG (Motion Picture Experts Group). Deoarece 
filmele contin atât imagini cât si sunet, formatul MPEG le poate comprima pe 
ambele. Un format Web popular derivat din MPEG şi utilizat pentru compresia 
audio este formatul MP3. 

Portable Network Graphics (PNG) — este un format relativ nou apărut, fiind dezvoltat 
special pentru Web de către Consorţiul Web. Combină avantajele formatelor GIF şi 
JPEG, astfel încât fişierele PNG suportă transparenţa oferită de GIF şi adâncimea 
mate de culoare, facilitate oferită initial numai de JPEG. Mai mult, fişierele PNG 
sunt compresate fără pierderi, deci pot fi memorate orice tipuri de imagini, pornind 
de la ilustraţii şi pictograme până la fotografii sau imagini de sinteză. De asemenea, 
se oferă posibilitatea de control — în manieră graduală — al transparenţei imaginilor. 
Metodele de realizare a ditbering-ului sunt similare celor descrise mai sus. 

Spre deosebire de GIF, algoritmii de compresie şi decompresie sunt disponibili 
gratuit, PNG fiind un standard deschis. Din acest punct de vedere, PNG este 
denumit si PNG îs Not GIF, aluzie la celebrul GNU — GNU îs Not Unix. 

Din punctul de vedere al lungimii, fişierele PNG sunt mai voluminoase, deoarece 
informaţiile grafice nu sunt compresate cu pierderi asa cum se întâmplă în cazul 
formatului JPEG. Excepţie face situaţia cand se salvează în format PNG indexat o 
imagine în tonuri de gri (gray scale), care va ocupa mult mai putin spaţiu decât dacă 
ar fi stocată în format GIF. Astfel, imaginile mici (eg: butoanele sau pictogramele) 
pot fi memorate ca fişiere PNG, pentru a evita problemele compresiei cu pierderi şi 
a accelera încărcarea paginii Web. 

Formatul PNG este suportat de navigatoarele Web actuale, începând cu versiunile 4 
ale Netscape Navigator si Internet Explorer. De asemenea, aplicaţiile de prelucrare 
grafică sunt capabile să proceseze fişierele PNG. Unele fişiere PNG transparente 
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nu vor fi afișate corespunzător de Internet Explorer 6 din pricina unui bug în cadrul 
acestul program. 

° Wireless Bitmap (WBMP) — reprezintă unicul format grafic acceptat în lumea 
comunicațiilor fără fir (wireless). Imaginile vor fi reprezentate uzual alb-negru, iar 
adâncimea de culoare poate varia de la 1 până la 8 biti/pixel. De cele mai multe oti, 
dimensiunile imaginilor care se doresc stocate in formatul WBMP trebuie să fie 
reduse (że. 96X80) pentru a putea fi vizualizate pe ecranele telefoanelor mobile sau 
ale altor dispozitive fără fir. 

Ca editoare grafice WBMP se pot menționa WAP Draw, WAP Pictus şi Adobe 
Photoshop. 

* Scalable Vector Graphics (SVG) — este singurul format vectorial destinat Web-ului, 

fiind standardizat de Consorţiul Web. Astfel, orice informaţie grafică vectorială se 
doreşte a fi stocată în formatul SVG pentru a putea fi uşor modificată ulterior sau 
pentru a extrage diverse meta-informatii despre imaginea respectivă, lucru imposibil 
de realizat în cazul formatelor de tip raster. SVG se bazează pe XML, o ilustrație 
fiind creată grație unor marcatori, similari celor HTML - detalii privitoare la SVG 
sunt disponibile în capitolul 5 al cărții S. Buraga (coord), Situri Web la cheie. Soluţii 
profesionale de implementare, Polirom, Iasi, 2004. 
În prezent existând două navigatoare Web capabile să vizualizeze imagini salvate în 
acest format, fără a necesita încărcarea unui p/ug-in specializat — Opera 8 şi Amaya 
(ambele incluse pe CD-ul acestei lucrări). Un vizualizator SVG gratuit, funcționând 
ca plug-in în cadrul unui browser, este disponibil pe CD-ul cărţii, fiind preluat de pe 
situl Adobe: http: //www.adobe.com/svg/viewer/. 


Instructiuni 


- pentru g 
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Conținutul grafic vectorial al unui joc disponibil pe Web, integral realizat în SVG 


Utilizarea ilustraţiilor şi fotografiilor 
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Grafica oferă o paletă foarte largă de utilizări, facilitând transmiterea mesajului 
informaţiilor, accentuarea unui punct de vedere şi oferirea unei identități recognoscibile 
publicaţiilor tipărite sau siturilor Web. 

Pentru transmiterea pe Web a informaţiilor, grafica poate să nu fie neapărat necesată, 
însă ea devine un element vizual important, captând interesul vizitatorilor sitului dezvoltat. 
După cum am văzut, grafica reprezintă o componentă deloc de neglijat în cadrul 
procesului de proiectare a unui sit. 

Cu toate că ilustrațiile şi fotografiile destinate vizualizarii pe Web sunt stocate la 
rezoluţii relativ mici, ele pot fi percepute mult mai bine de retină în comparaţie cu 
variantele lor tipărite, deoarece lumina transmită de ecranul calculatorului oferă o 
intensitate cromatică mai accentuată. 

Tipărirea color este pretențioasă şi necesită fonduri financiare însemnate, în schimb 
grafica pe Web nu implică nici un efort pentru reprezentarea în culori a informaţiilor. 
Astfel, spaţiul World-Wide Web a devenit un mediu prielnic pentru partajarea de 
fotografii, reproduceri de artă, ilustraţii diverse sau alte tipuri de informaţii cu caracter 
grafic. 

Un alt aspect important este folosirea fotografiilor — scanate sau preluate de pe 
camerele digitale — în locul graficii realizate exclusiv prin metode electronice. Un exemplu 
tipic de utilizare este în domeniul comerțului electronic, în cadrul magazinelor virtuale. 
Deseori se combină însă fotografia cu grafica electronică — adoptând de exemplu diverse 
tehnici, precum colajul — pentru a se putea exprima eficient mesajul dorit a fi împărtăşit 
vizitatorilor sitului. 

Regula de aur pentru includerea fotografiilor în cadrul designului sitului Web este 
găsirea celui mai potrivit element grafic, în acord cu tema propusă. În general, fotografiile 
cu cea mai mare utilitate sunt cele care descriu produsele prezentate de sit, deoarece 
vizitatorul va fi convins că acestea există în realitate si nu doar pe ecran. Astfel, fotografia 
conttibuie la credibilitatea sitului respectiv. 

De cele mai multe, siturile de firmă includ una sau mai multe fotografii, eventual 
preluctate la nivel profesionist, ale produselor/serviciilor puse la dispoziţie. Acest demers 
are un deosebit impact psihologic, inducând sentimente de încredere, satisfacție sau 
bucurie, fiind similar celui din publicitatea clasică. Anumite fotografii pot sugera metaforic 
anumite calități şi caracteristici ale profilului companiei sau ale personalităţii celui care 
deţine situl: stabilitate, flexibilitate, ambiţie, calm etc. 

Trebuie, de asemenea, să ţinem seama de plasarea fotografiilor în cadrul sitului si de 
integrarea acestora în designul general. Aşa cum am mai spus, va fi necesară asigurarea 
consistentei şi echilibrului vizual. 

În vederea completării cu elemente de grafică a conţinutului textual al sitului Web 
trebuie să ţinem seama de: 


e Utilizarea ilustraţiilor de calitate. Numeroase situri Web folosesc elemente grafice 
împrumutate, copiate sau aparţinând colecţiilor, gratuite sau nu, de grafică (de genul 
celor oferite de unele editoare profesioniste incluse în suitele de birou — e.g. Open 
Office —, de programele de proiectare Web sau de situri dedicate graficii). Astfel, se 
asistă la o uniformitate grafică, multe situri incluzând aceleași elemente grafice 
(pictograme, butoane de navigare, sigle etc.) vechi, uneori chiar demodate. Un alt 
aspect important este cel estetic, multe dintre aceste imagini — luate deseori fără 
discernământ de pe Web — fiind pur şi simplu improprii utilizării într-un anumit 
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context, în cadrul unei pagini particulare. De asemenea, trebuie să ţinem cont că 
anumite fişiere grafice sunt proprietatea unei companii sau persoane, aşa încât nu 
pot fi refolosite fără permisiune. 

Improvizatia, facilul, uneori chiar prostul gust nu pot intra în definiţia unui produs 
de calitate, iar un sit Web trebuie să aspire la acest calificativ — calitatea. 

În general, exceptând cazul în care dorim să fim acuzaţi de amatorism, nu este 
indicat să includem o imagine animată care să indice vizitatorilor adresa la care pot 
să ne trimită mesaje. Nu are sens să populăm meniul de navigare cu simboluri 
neadecvate — metafore nepotrivite care nu vot avea succesul scontat. De asemenea, 
ataşând fiecărui cuvânt-cheie câte o imagine considerată sugestivă, vizitatorul ar 
putea avea impresia că îi oferim prea multe explicaţii vizuale, ceea ce poate conduce 
la redundanta. De cele mai multe ori, în aceste situaţii credibilitatea proiectantului 
Web va avea de suferit. 

Soluţia cea mai bună este utilizarea de elemente grafice noi, originale. Acestea pot fi 
cumpărate de la companii specializate sau pot fi realizate de proiectantul Web. 
Multe informaţii grafice trebuie convertite din diverse alte formate în JPEG sau 
PNG în funcţie de natura ilustratiei sau de contextul utilizării. De cele mai multe ori 
se pot opera si alte acțiuni precum scalarea, ajustarea culorilor sau aplicarea unor 
efecte grafice (e.g: incetosatea imaginii). Toate acestea trebuie realizate la nivel 
profesionist, folosind aplicaţii specializate. Recomandim Photoshop — software 
comercial — și GIMP — aplicaţie gratuită. Anumite ilustraţii trebuie realizate folosind 
programe vectoriale, de exemplu Adobe Idustrator oti Macromedia Fireworks pentru 
Windows sau Apple şi Dia si XFig pentru Linux/Unix, fiind convertite ulterior in 
formate destinate Web-ului. În cazul ilustraţiilor SVG, se poate recurge la un editor 
precum Inkscape — disponibil pe CD-ul cărții de fata. Pentru imagini veridice 
tridimensionale se pot utiliza aplicaţii — Bryce, Maya sau 3D Studio Max — oti lumi 
virtuale modelate in VRML. De asemenea, in unele situatii va trebui sa recurgem la 
scanarea fotografiilor sau la fotografierea directă utilizând camere digitale. 
Reamintim faptul că ilustrațiile nu trebuie folosite într-un mod neunitar din punctul 
de vedere al formei, al poziționării sau al culorilor utilizate. 

Minimizarea timpului de încărcare. Trebuie să reținem că succesul unei pagini Web 
rezidă în timpul scurt de încărcare a conţinutului acesteia. Astfel, în primul rand, 
elementele grafice trebuie să fie de dimensiuni reduse şi să fie utilizate cu 
moderație. Folosind un program de optimizare pentru vizualizarea pe Web a 
imaginilor, ca de exemplu Adobe ImageReady, dimensiunea fişierelor poate scădea 
foarte mult. Un astfel de utilitar poate, printre altele, reduce numărul de culori din 
tabela CLUT a fişierelor GIF sau ajusta gradul de compresie a fişierelor JPEG. 

De asemenea, va trebui inclus obligatoriu atributul alt pentru fiecare element 
<img>, astfel încât vizitatorii să poată parcurge informaţiile textuale alternative în 
locul celor grafice, încă neîncărcate în întregime. 
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Lorem ipsum dolor site amet, consectetuer adipiscing elit, sed diam 
nonummy nibh vulutpat lorem ipsum dolor site amet, consectetuer 
adipiscing elit, sed diam nonummy nibh vulutpat 


D E p oo 


(& Prima pagina (5 Sigla companiei 

53 Produse J [E Reclama 

[&) Cos cumparaturi 

[© Clienti fideli 

E] Serviciul clienti Lorem ipsum dolor site amet, consectetuer adipiscing elit, sed diam 
= nonummy nibh vulutpat lorem ipsum dolor site amet, consectetuer 
li) Contact adipiscing elit, sed diam nonummy nibh vulutpat 


Informaţii textuale alternative continutului grafic 


Timpul de încărcare poate fi redus (aparent) şi dacă precizăm dimensiunile 
imaginilor prin folosirea atributelor width şi height, specificând astfel lățimea şi, 
respectiv, înălţimea conţinutului grafic. În acest mod, navigatorul poate rezerva încă 
de la încărcarea documentului XHTML spaţiul necesar fiecărei imagini, nu după 
transferul tuturor fişierelor. Aceste atribute nu trebuie însă folosite pentru a indica 
navigatorului să redimensioneze imaginile, deoarece dimensiunea inițială a fişierelor 
grafice va rămâne neschimbată, timpul de încărcare fiind acelaşi. Utilizarea 
atributelor width şi height este valabilă şi pentru tabele sau în cazul oricăror 
elemente pentru care se poate preciza dimensiunea (że. <object> utilizat la 
includerea de fişiere multimedia). Aceste atribute pot fi substituite de proprietăţile 
CSS analoage. 

Putem micşora timpul de încărcare renunțând la imaginile de fundal de dimensiuni 
mari (cum ar fi, de exemplu, cele de peste 5 KB). Ideal, imaginile de fundal ar trebui 
eliminate complet. La fel, se poate renunţa la utilizarea de fişiere GIF animate care 
au dimensiuni mult mai mari decât cele statice. 

O altă strategie care poate fi aplicată paginilor cuprinzând colecţii de imagini (e.g: 
galerii de fotografii sau de reproduceri de artă) este aceea de a realiza variante de 
dimensiuni reduse pentru fiecare imagine (shumbnail) si de a crea, eventual, o pagina 
suplimentară pentru vizualizarea la dimensiuni mai mari a imaginii dorite. 
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Prezentarea la dimensiuni reduse a imaginilor 
compunând o galerie de picturi electronice 


°- Suportul acordat utilizatorilor cu nevoi speciale. Nu trebuie ignorat nici faptul că unele 
ilustraţii şi fotografii nu vor putea fi vizualizate în bune condiţii (ori nu vor putea fi 
deloc receptate) de categoria vizitatorilor având probleme de vedere. În acest sens, 
fiecare imagine va trebui însoţită de un text explicativ (vezi secţiunea 5.2.2), 
eventual având o legătură spre o descriere textuală suplimentară, oferind mai multe 
detalii. De asemenea, trebuie să ținem seamă că pe măsură ce înaintează în vârstă o 
persoană îşi pierde acuitatea vizuală, contrastul dintre culorile de fundal şi cele din 
prim-plan trebuind să fie unul corespunzător. O altă greşeală este cea a includerii pe 
un sit a unor informaţii textuale redate printr-un conţinut grafic (utilizatorul nu va 
putea să copie textul pentru a-l folosi în alt context, roboții Web nu vor putea 
indexa conţinutul, iar navigatoarele vocale nu vor putea reda textul „scufundat” în 
imagini). 


Conţinutul multimedia 


Multimedia reprezintă o combinaţie de mai multe medii, precum textul, imaginile statice — 
fotografii, scheme, diagrame —, animatiile, conţinutul audio şi video. Mediile statice (text, 
imagini) se mai numesc si discrete, iat cele dinamice (animații, audio şi video) — continue. 
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Dacă de text şi imagini ne-am ocupat în cele de mai sus, în continuare vom discuta 
despre conţinutul sonor, animat si video. 
Sunetul. De la bun început trebuie să menţionăm că sunetul reprezintă un element 
deranjant în cadrul unei pagini Web. Deşi unele efecte sonore pot fi benefice în 
anumite situaţii — în domeniul academic sau al afacerilor —, deseori devin enervante, 
de exemplu o melodie de fundal rulată da capo al fine de nenumărate ori. 
O parte dintre formatele audio care pot fi utilizate sunt detaliate în continuare: 


MIDI (Musical Instrument Digital Interface) este un format simplu, conţinând doar 
instrucțiuni pentru crearea de sunete, placa audio a calculatorului fiind 
responsabilă de interpretarea acestora si de generarea efectelor sonore 
respective. Fişierele MIDI au dimensiuni reduse (de ordinul zecilor de kilo- 
octeți) şi vor putea fi folosite, de exemplu, ca fundaluri sonore — de cele mai 
multe ori, deranjante pentru vizitatori — pentru o pagină Web; 

MP3 teprezintă unul dintre cele mai populare formate actuale, variantă restrânsă 
a standardului video MPEG. Poate fi utilizat pentru stocarea de melodii de 
dimensiuni apreciabile la calitate destul de bună, folosind însă compresia cu 
pierderi. Ca şi formatul MIDI, este suportat de majoritatea platformelor, 
existând o multitudine de programe de procesare a acestuia — a se vedea si situl 
www .mp3 . com. Următoare generaţie a formatului se pare că va fi MP3 Pro, 
oferind o mai bună compresie şi posibilități de redare în timp real; 

WAV este un format specific Windows, stocând conţinut audio fără nici o 
compresie, fişierele rezultate fiind voluminoase; 

Rea/ Audio este un format destinat difuzării de conţinut audio în timp real 
(streaming audio), find folosit mai ales de posturile de radio care emit pe Web. 
Sunetele vor putea fi percepute concomitent cu încărcarea conţinutului şi nu 
după transferul complet al fișierului, aşa cum se întâmplă în cazul formatelor 
menţionate anterior. Pentru accesarea fişierelor în format Rea/ Audio de cele mai 
multe ori se apelează la programul gratuit Rea/One Player, disponibil la adresa 
www.real.com; 

QuickTime, format specific Apple, este in multe privinţe asemănător formatului 
Real Audio. Pentru accesarea acestui tip de fişier este necesară aplicația 
QuickTime — www.apple.com. Navigatoarele actuale includ p/ug-in-ul 
QuickTime, capabil să interpreteze mai multe tipuri de conţinut multimedia: 
fişiere grafice PICT si TGA, fişiere audio MIDI, AIFF sau QuickTime, 
prezentări SMIL sau fişiere video; 

WMA (Windows Media Audio), este un format Microsoft, integrat în produsele 
Windows Media. Faţă de alte formate, asigură faptul că melodiile protejate prin 
copyright nu pot fi publicate (modificate, convertite în alte formate, copiate pe 
alte medii etc.) ulterior, graţie sistemului de management al drepturilor de autor 
digitale (DRM — Digital Rights Management), fiind astfel formatul preferat de 


multe companii muzicale sau de film). 


Animatiile. În special în domenii precum divertismentul interactiv sau comerţul 
electronic, animatiile sunt folosite cu scopul de a atrage atenţia sau de a determina 
utilizatorii să-şi petreacă timpul pe un sit. 

Printre metodele cele mai uzitate de a include conţinut animat în cadrul paginilor 
Web se pot enumera: 
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fisierele GIF animate — folosite mai ales în cadrul ornamentatiilor sau afişelor 
publicitare, au avantajul că sunt interpretate direct de către navigator. Un 
dezavantaj este acela că efectele animatiilor sunt reduse, calitatea prezentarilor 
fiind destul de precară; 

programele JavaScript — pot fi utilizate pentru a crea anumite efecte animate, 
precum texte derulante, meniuri dinamice, succesiuni de imagini, defilarea 
conţinutului unei zone de fereastră etc. Din păcate, versiunile JavaScript 
suportate sunt dependente de navigator sau de platformă; 

applet-urile Java — sunt folosite pentru a obţine efecte spectaculoase, cu condiția 
ca sistemul să includă suport pentru Java. Ca si scripturile JavaScript, necesită 
cunoştinţe de programare; 

animațiile Flash — oferă posibilitatea de a realiza efecte sofisticate (graţie şi 
limbajului ActionScript), însă din păcate formatul Flash este proprietar, iar 
filmele Flash tind a folosi la maxim resursele calculatorului gazdă. Pentru 
vizualizate necesită un plug-in, distribuit gratuit de Macromedia — 
www.macromedia.com. Ca si app/er-utile, prezentarile Flash eronat realizate 
pot conduce la blocarea navigatorului, la ocuparea resurselor sistemului sau la 
imposibilitatea de a fi încărcate. Cititorii interesaţi de tehnologia Flash pot 
consulta cartea C. Varlan, Macromedia Flash. Concepte, exemple si studii de caz, 
Polirom, 2004; 

ilustrațiile SVG — sunt bazate pe marcatori, limbajul SVG oferind suport si 
pentru efectuarea de animații simple, mecanism preluat de la SMIL (vezi infra); 
documentele SMIL — sunt bazate pe marcatori, SMIL (Synchronized Multimedia 
Integration Language) fiind un limbaj XML special conceput pentru realizarea de 
prezentări sincronizate pe Web. Pentru vizualizare, necesită programe externe 
(ie. GriNS sau Rea/Player), iar navigatoarele actuale încă nu oferă suport. O 
variantă SMIL, denumită XHTML+TIME, este totuşi implementată de Internet 
Explorer. Detalii sunt disponibile în cartea M. Brut, S. Buraga, Prezentări 
multimedia pe Web, Polirom, Iasi, 2004. 


O" 
) 


Realizarea in Flash a animației instrumentelor de navigare printr-un sit 
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Conținutul video. Secventele video pot fi deosebit de utile în anumite situaţii, mai ales 

în cadrul siturilor educaţionale sau în intranetul siturilor de firmă. 

Ca formate video care se pot utiliza pe Web putem menţiona: 

- MPEG (Moving Pictures Experts Group) este un format video compresat cu 
pierderi, fiind suportat de toate platformele. Un format concurent, proprietar 
Microsoft însă, este ASF (Advanced Systems Format); 

- AVI este un format specific Windows; 

- Real Video reprezintă un format, similar cu Rea! Audio, pentru difuzarea de 
conţinut video în timp real, fiind utilizat cu precădere de posturile de televiziune 
pe Web. Necesită aplicația Rea/One Player, 

- QuickTime poate fi folosit si în cazul filmelor, fiind originar de pe platforma 
Macintosh; 

- WMV (Windows Media Video) este similar formatului WMA descris mai sus, dar 
poate fi utilizat în contextul video. 

Din păcate, din raţiuni de lățime îngustă de bandă, formatele multimedia nu au 
pătruns foarte mult în spaţiul World-Wide Web, navigatoarele actuale neoferind 
decât un suport limitat pentru un conţinut multimedia bogat, de cele mai multe ori 
prin intermediul extensiilor (p/p/g-im-urilor). Astfel, pentru a vizualiza un film MPEG 
sau o prezentare Flash incluse într-o pagină Web, navigatorul va trebui să ruleze un 
plug-in specific. 


= Unhandled File Type 


Internet Explorer doesn't know how to handle the 
type of file you have selected. 


You can choose to save this file to your disk or you 
can configure a Helper Application for this file. 


MIME Type: application/x-shockwave-flash 
File Name: uboat9c48.swf 


(Cancer) (Save Tiens) (rugn) (Cappricotion_) 


Aparitia unui mesaj de avertisment în cazul absenței unui plug-in 


Deseori absenţa p/ug-in-ului corespunzător unui format neînțeles de navigator poate 
fi frustrantă. De asemenea, trebuie să avem în vedere faptul că multe dintre 
formatele multimedia se pot demoda cu uşurinţă sau pot fi specifice unei platforme 
particulare. 

Înainte de a include conţinut multimedia în cadrul paginilor Web trebuie să 
analizăm aşteptările categoriei de vizitatori ai sitului în cauză şi să găsim răspunsul la 
întrebările de mai jos: 

- Utilizarea elementelor multimedia va îmbunătăţi percepţia utilizatorilor asupra 

mesajului dorit a fi transmis prin intermediul sitului Web? 

- Acest mesaj poate fi transmis eficient şi într-un alt mod, fără ajutor multimedia? 
De asemenea, va trebui să luăm în calcul costurile suplimentare — captură si 
procesare audio/video, achiziționarea echipamentelor şi programelor — şi efortul 
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subsidiar depus de utilizator — timp suplimentar pentru încărcarea paginii, 
procurarea p/ug-in-urilor necesare, cerințe hardware şi software. De cele mai multe 
oti trebuie însă oferită ca alternativă o variantă text a conţinutului. 


5.2.6 Sfaturi destinate protectantilor 


Sugestii generale 


Pentru realizarea unui design Web mai bun, vom oferi o serie de sugestii: 


autorii de pagini Web trebuie să aibă în vedere furnizarea unui mecanism de 
navigare facilă, structurată, prin utilizarea unor legături de explorare şi/sau 
bidirectionale şi oferirea de meniuri, arbori de parcurgere a legăturilor sau opţiuni 
de deplasare secventiala; 

evitarea scrierii unor documente de dimensiuni mari, in care utilizatorul, pentru a 
parcurge întregul conţinut, trebuie să folosească intensiv barele de derulare (scero/). 
Este indicat ca aceste pagini să fie divizate în documente mai mici, fiecare 
conţinând în jur de 500 de cuvinte/pagină. Această împărțire are şi avantajul 
actualizării mai eficiente a conţinutului şi a parcurgerii totale a documentului de 
către cei interesați; 

internationalizarea reprezintă un alt factor important. Autorii pot realiza documente 
separate pentru fiecare limbă dorită (de exemplu, în cazul nostru, română si 
engleză) si pot încerca să detecteze, după adresa clientului Web, care ar putea fi 
localizarea sa (în interiorul sau în afara ţării). De asemenea, trebuie acordată 
deosebită atenţie corectitudinii gramaticale a textului. Se recomandă ca fiecare 
document să fie parcurs, înainte de a fi disponibil pe Web, de un filolog; 

trebuie evitată utilizarea a mai mult de trei tipuri de corpuri de litera. Fonturile 
specifice unor platforme particulare nu vor fi corect sau nu vor putea fi afişate pe 
alte calculatoare; 

este mult mai uşor de parcurs un document al cărui conţinut a fost structurat pe 
capitole, subcapitole, secţiuni şi paragrafe, corect aliniate şi indentate, eventual 
folosind linii orizontale. Folosirea listelor neordonate sau/şi ordonate creşte gradul 
de lizibilitate a unei pagini Web. 

Liniile lungi de text nu sunt recomandabile, optim fiind un număr de 65-70 de 
caractere pe o singură linie (nu mai mult de 15-20 de cuvinte/linie). De asemenea, 
alinierea la dreapta sau centrată, scrierea cu majuscule ori modificări frecvente de 
culoare ale unui text de dimensiuni mari implică dificultăți de parcurgere; 

utilizarea unor imagini de fundal „încărcate”, (texturi complicate, fotografii), 
animate sau contrastând violent cu culoarea textului conduce la evitarea parcurgerii 
conţinutului acelei pagini. Nu se recomandă animatiile (texte derulante, fişiere GIF 
animate, filme Flash sau zpp/er-uti Java), imaginile de dimensiuni mati, contrastele, 
fundalurile sonore deranjante; 

informaţiile vor trebui teactualizate în mod regulat, verificându-se integritatea 
tuturor legăturilor (se evită astfel existența aşa-numitelor „legături moarte”). 
Procesul de reactualizare a conţinutului trebuie realizat, în medie, trimestrial; 

pentru încărcarea mai rapidă a documentelor XHTML, fiecare element care implică 
poziţionare va avea ataşate atributele care să indice navigatorului Web locul în 
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cadrul ferestrei (pentru imagini si app/e+uri se vor specifica înălțimea şi lățimea, 
pentru tabele se va furniza lăţimea celulelor, se vor utiliza proprietăţi CSS de 
poziţionare absolută sau relativă etc.). Tabelele de dimensiuni considerabile nu sunt 
recomandabile, la fel fişierele (multimedia sau arhive) având lungimi mari, numărul 
mate de applet-uri, controale ActiveX, animații Flash, cadre sau rutine JavaScript; 
de preferat ar fi ca întregul sit să fie testat pe mai multe navigatoare, versiuni şi 
platforme. Codul XHTML trebuie scris asa fel încât să nu folosească extensii 
particulare, nestandardizate sau elemente considerate demodate, dar nici cele de 
ultimă oră. Trebuie considerată şi situaţia în care documentele pot fi parcurse şi de 
navigatoare text, nu grafice (e.g: pentru fiecare imagine se va furniza, ca alternativă, 
o explicaţie textuală, folosind atributul a1t). Fiecare ancoră poate avea asociată, cu 
ajutorul atributului accesskey, o tastă (scurtătură) care o activează. 
De asemenea, tabelele pot avea asociate explicații, date prin intermediul atributului 
summary, iar elementelor XHTML putem să le atasam titluri explicative folosind 
atributul title. Aceste trucuri” sunt utile şi pentru o indexare mai bună a 
conţinutului de către motoarele de căutare, conducând la îmbunătăţirea relevantei 
sitului Web pentru anumite căutări efectuate de utilizatori. 
pentru reutilizarea stilurilor sau scripturilor şi a modificării facile a acestora, este 
bine ca ele să fie specificate ca fişiere externe, separandu-le de conţinutul efectiv al 
documentului. Pentru a asigura independenţa de navigator, rutinele JavaScript 
trebuie să fie atent concepute si testate; 
în cadrul paginilor este indicat a se include, în etapele de proiectare şi dezvoltare, 
linii de comentarii pentru explicarea modului de marcare si furnizarea altor detalii 
utile. De asemenea, fiecare document Web trebuie să aibă precizat un titlu adecvat 
(prin intermediul elementului <title>). Folosind marcatorul <meta> pot fi 
specificate diverse informaţii referitoare la autorul, cuvintele-cheie, respectiv 
generatorul automat al documentului etc.; 
se va evita pe cât posibil folosirea cadrelor; conform afirmațiilor lui Jakob Nielsen, 
o pagină divizată în cadre devine confuză, tipărirea conţinutului fiind dificilă; 
fiecărui element multimedia este indicat a i se ataşa şi un conţinut textual alternativ 
(de exemplu, pentru o conferință transmisă într-un format de tip stream trebuie 
oferită şi transcrierea textuală a coloanei sonore); 
formularele Web trebuie judicios concepute şi structurate, astfel încât utilizatorii să 
nu fie nevoiţi să completeze un număr mare de câmpuri în cadrul aceleaşi pagini ori 
să aibă probleme în detectarea câmpurilor obligatorii. De asemenea, pentru a stabili 
ordinea corectă de mutare a cursorului la următorul câmp prin acționarea tastei Tab, 
se poate folosi atributul tabindex — a se vedea exemplul disponibil pe CD. Orice 
formular trebuie să aibă un buton de tip submit, 

trebuie avută in vedere si credibilitatea sitului Web, printre criteriile de evaluare a 

acesteia numărându-se: 

- scopul — situl trebuie să exprime limpede scopul pentru care a fost construit, 
aspectele tratate, existența temelor conexe, nivelul de atenţie solicitată audienței, 
actualitatea informaţiilor etc.; 

- conținutul — situl trebuie să ofere răspunsuri pertinente la diferite întrebări 
provenite din partea vizitatorilor: „Care este originalitatea informaţiilor”, „Cât 
de corecte sunt acestea?”, „Care este rata de reactualizare a continutului?”, „Cât 
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de bine este formulat acest continut?”, „Care este nivelul de cunoştinţe pe care 
trebuie să-l aibă cititorul pentru a înţelege informaţiile puse la dispozitie?”, 
„Informaţiile includ si referinţe, iar dacă da cât de exacte sunt?” 

- forma şi accesibilitatea — situl trebuie să formeze o anumită relaţie cu vizitatorul, să 
aibă un conţinut grafic/multimedia concludent şi în concordanţă cu scopul, să 
organizeze eficient informaţiile, oferind posibilități de căutare, să ofere versiuni 
alternative pentru persoanele cu diferite handicapuri sau provenind din alte tari; 

- costul — situl trebuie să indice dacă anumite documente sunt accesibile doar cu 
plată, dacă accesul la ele se realizează prin abonament sau pe baza unei taxe de 
vizitare; de asemenea, trebuie stipulate restricţiile legate de copyright, asigurarea 
confidentialitatii şi protecţia tranzacţiilor. 

Conform unui studiu întreprins în anul 2001 la Universitatea Stanford, au fost puse 

în evidenţă o serie de atribute care măresc credibilitatea, dintre care se pot enumera 

uşurinţa în parcurgere, profesionalismul autorului, încrederea pe care o induce situl, 
grija fata de vizitator. Există şi atribute care pot diminua credibilitatea unui sit Web, 
cele mai importante fiind implicarea comercială şi amatorismul; 

* nu suntem adepţii mesajelor „Această pagină poate fi vizualizată doar cu 
navigatorul X, având suport pentru Y”, „Sunteţi vizitatorul cu numărul N” sau 
„Votaţi acest sit în top T”. Siturile Web ar trebuie să fie vizualizate în bune condiții 
indiferent de navigator — a se vedea si campania www. AnyBrowser. com; 

* timpul de încărcare este important sau chiar vital pentru anumite situri, de aceea va 
trebui să optimizăm încărcarea paginilor, mai ales ale elementelor grafice sau 
multimedia. Serviciul Dr. HIML, ptintre altele, calculează în câte secunde va fi 
încărcată o pagină Web, pentru mai multe lățimi de bandă. 


Existența animatiei m) 8 


Aspectul artistic E 22 


Grafica paginii de start [m 24 
Existența unui motor m 25 
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Frecvența actualizării [M 55 

Calitatea conținutului E 50 
Viteza de încărcare (EEE 67 
Usurinta exploatării  |EEES 7S 


Importanta caracteristicilor unui sit 
pentru atragerea utilizatorilor la prima vizită (în procente) 
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Existența unui motor 


; i 25 
de căutare internă 


Existența animației 9 
Aspectul artistic general 18 
Graficul paginii de start 20 


Calitatea organizării sitului 40 
Calitatea conţinutului 57 


Periodicitatea actualizării 58 


Viteza de încărcare 65 


Usurinta navigării 74 


Factorii care îi determină pe vizitatori să revină pe sit (în procente) 
Aspecte legate de cromatică 


Dimensiunea cromatică a designului unui sit Web nu trebuie neglijată, fiind cunoscut rolul 
culorii în ceea ce priveşte percepţia estetică, emoţională, a unui mesaj. Alegerea culorilor 
utilizate în cadrul interfeţei Web se va face în funcţie de maniera în care dorim ca 
vizitatorii să recepteze situl. Culorile pot induce, după caz, sentimente de relaxare, de 
stabilitate, de eleganţă ori de exuberanta, reprezentând o componentă care nu trebuie 
neglijată în ceea ce priveşte branding-ul on-line. Modul de percepţie a mesajului cromatic 
depinde de o multitudine de factori, dintre care se pot enumera cei culturali, geografici, 
psihologici si fiziologici. Găsirea celei mai „bune” combinaţii de culori poate fi considerată 
o mixtură de ştiinţă, artă, psihologie şi percepţie umană. 


Asociere psihologică Asocieri alternative 


fericire (China), moarte 
intensitate, pasiune, căldură, (Egipt), aristocrație (Franţa), 
violenţă, avertisment, pericol creativitate (India), 
furie (Japonia) 


naştere/ putere (China), succes 


galben fericire, atenţie, voiosie (India), graţie /nobil (Japonia), 
laşitate (SUA) 


bad paradis (China), 
natural, crestere, plenitudine, nee 
verde 4 $ criminalitate (Franța), 
siguranța z i one 
, viitor/tinerete (Japonia) 
à hs zi: libertate/pace (Franţa), rautate 
albastru încredere, stabilitate, loialitate A /p ts 2 ), 
(Japonia), masculinitate (SUA) 
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putitate, inocenta, rigiditate, 
superioritate 


moarte (China, India, Japonia) 


formal, autoritate, doliu, 
întunecare 


„Asociaţiile psihologice (în cultura occidentală) 
pentru o serie de culori, comparativ cu alte culturi 


Simbolismul cromatic depinde şi de domeniul în care este utilizat. Astfel, în USA 
culoarea albastră are următoarele semnificaţii diferite: 

e pentru personalul din sectorul financiar — calități corporatiste sau siguranță; 

e pentru tehnicienii reactoarelor nucleare — apă sau răcire; 

e pentru audiența filmelor americane — tandrete sau conotaţii licentioase; 

e pentru personalul medical — deces. 

Culorile reci (de exemplu, albatrul ori violetul) pot fi folosite pentru a demonstra 
eficienţa şi munca sau a ilustra situaţii romantice si tragice, pretându-se mai mult pentru 
fundaluri, pe cand cele calde (roşu, oranj, galben) pot apărea în conjunctie cu situații 
comice, recreative, inducând activitate sau plăcere. 

Pentru paginile conţinând un volum mare de informaţie textuală, cea mai bună soluţie 
este fundal alb pentru text negru. Unele cercetări au relevat faptul că există o ordine 
descrescătoare de intensitate a contrastelor cromatice pentru text din punctul de vedere al 
lizibilităţii de la distanţă si al preferintei în procesul de învăţare /aprofundare a conţinutului 
acestor pagini Web: 


1. negru pe fond galben; 7. galben pe fond negru; 
2. verde pe fond alb; 8. alb pe fond roşu; 

3. roşu pe fond alb; 9. alb pe fond verde; 

4. albastru pe fond alb; 10. alb pe fond negru; 

5. alb pe fond albastru; 11. toşu pe fond negru; 
6. negru pe fond alb; 12. verde pe fond roșu. 


În elaborarea materialelor de prezentare pe Web, este indicat ca pentru vizualizarea 
informaţiilor esenţiale să se utilizeze contraste mai puternice (eg: albastru si galben), iar 
pentru informaţiile de conţinut, contraste cromatice mai reduse. Trebuie luate în calcul 
situaţiile în care culorile se suprapun ori se juxtapun. Ca si în muzică, mesajele cromatice 
nu trebuie să fie disonante, ci să asigure armonia. Un sfat care nu trebuie ignorat este acela 
că în cadrul sitului majoritatea culorilor trebuie să aparţină unei game cromatice, alegându- 
se în principal o culoare dominantă care va fi folosită în întreg situl. 

În ceea ce priveşte ilustrațiile (grafice, histograme, scheme, hărţi), acestea se vor putea 
pune în evidenţă prin următoarele combinaţii cromatice: 

1. albastru pe fond alb; 3. verde pe fond alb; 
2. negru pe fond galben; 4. negru pe fond alb; 

Semnalarea unor elemente importante sau de interes pentru utilizator nu se va realiza 

exclusiv prin intermediul culorilor, ci şi în conjunctie cu alte tehnici (e.g.: text scris diferit, 
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apariția unui asterisc în dreptul câmpurilor obligatorii ale unui formular Web, modificarea 
unor proprietăți de stil la plasarea mouse-ului peste acele elemente etc.). 

Pentru a testa dacă o pagină poate fi receptată din punct de vedere cromatic de diverse 
categorii de vizitatori (mai ales de către cei cu diverse handicapuri), se pot folosi programe 
sau servicii on-line disponibile la adresele: 

e www.vischeck.com/vischeck/vischeckURL. php; 

e www.508compliant.com/tools.htm; 

e www.nils.org.au/ais/web/resources/toolbar/. 


Utilizarea şabloanelor de proiectare 


Pentru a nu reinventa de fiecare dată roata, proiectarea sitului poate fi facilitată de 
utilizarea sabloanelor (zplate-urilor). Este mult mai uşor si mai rapid a se adăuga noi 
pagini la sit din moment ce scheletul acestuia este deja construit, graţie unui sistem de 
sabloane care stabileşte modul de navigare si aranjamentul general în cadrul fiecărui 
document. Aspectele principale vizate de un şablon corespunzător conceput sunt cele 
legate de structura conţinutului, de soluţiile de navigare, de cromatică şi de stil. În această 
manieră se asigură şi un standard de proiectare şi se accelerează procesul de dezvoltare a 
sitului. 

Aplicațiile profesioniste de editare a documentelor Web, precum Macromedia 
Dreamweaver, oferă şi o serie de sabloane predefinite care pot fi folosite mai ales de către 
începători. De asemenea, unele servere de aplicaţii Web pun la dispoziţia dezvoltatorilor 
sisteme de realizare a sabloanelor. Ca exemple putem da PHP Smarty şi ASP.NET 2.0. 


Proiectarea Web pentru dispozitive fără fir 


În contextul proiectării interfetei-utilizator destinate aplicaţiilor rulând pe dispozitive 
mobile, trebuie respectate o serie de reguli specifice de proiectare, cele mai importante 
fiind următoarele: 

1. focalizarea asupra activităților de bază ale utilizatorului — spre deosebire de interfețele 
Web convenţionale, fiecare aplicație (şi, implicit, interfaţă) în parte va trebui să 
ofere utilizatorilor posibilitatea de a efectua, într-o manieră ergonomică, a 
operaţiunilor de bază — una dintre intrebarile-cheie la care trebuie să se răspundă 
este „Ce realizează în principal utilizatorii 80% din timpul alocat folosirii 
dispozitivului mobil pentru navigarea pe Web?”; 

2. eliminarea optiunilor care nu sunt neapărat esențiale — deoarece caracteristicile 
dispozitivelor mobile prezintă limitări, aplicaţiile vor trebui să implementeze 
numai un set de bază al functionalitatilor, în funcţie desigur de tipul sitului (astfel, 
dacă în urma testelor de utilizabilitate se constată că doar 20% din utilizatori 
recurg la o funcționalitate, atunci aceasta nu este cu adevărat importantă); 

3. realizarea, încă din primele faze, ale testelor de utilizabilitate a interfetei — practica 
demonstrează faptul că, încă din primele etape ale realizării interfeţei Web, testele 
— chiar şi cele informale — sunt folositoare (un exemplu ar putea fi cel al 
modificării poziționării unui câmp de editare al unui formular, atunci când se 
constată că este „ascuns” frecvent sub braţul superior al utilizatorului, atunci când 
acesta mânuie sf/us-ul pe ecran); 

4. interfata se poate inspira din designul siturilor conventionale — se recomandă utilizarea 
celor mai bune practici, considerate eficiente în cazul altor tipuri de dispozitive (se 
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asigură „folosirea? acelorași modele mentale ale unui utilizator care are deja 
experienţa exploatării interfeţei unui sit Web obişnuit); 

asigurarea mijloacelor de interactiune familiare, astfel încât pentru îndeplinirea sarcinilor (task- 
urilor) schimbările de postură să fie minime — utilizatorul nu trebui forţat să folosească 
mijloacele de interacțiune specifice exclusiv acelui dispozitiv (de exemplu, 
redactarea unui text pentru a fi trimis prin posta electronică nu trebuie să recurgă 
în mod exclusiv la scrierea caracterelor cu ajutorul instrumentului de intrare de tip 
stylus, ci utilizatorul trebuie să poată fi capabil să interacţioneze cu aplicaţia via 
tastatură ori prin dictare); 

pozitionarea corectă (judicioasă) a controalelor de interfață — interacţiunea utilizatorului 
asupra suprafeţei de lucru nu trebuie să ascundă ori să facă inefective controale 
esenţiale ale interfeţei; mai ales în cazul dispozitivelor prevăzute cu ecrane tactile 
poate apărea fenomenul denumit „hand obstruction’; 

reducerea apariţiei mesajelor de alertare — atenţia utilizatorului nu trebuie diminuată de 
la activitatea desfăşurată la un moment dat (situaţiile de întrerupere a fluxului 
interacțiunii trebuie să fie cât mai rare). 


De asemenea, trebuie adoptate o serie de strategii privitoare la utilizarea textului şi 
graficii. Deoarece rezoluţia ecranului nu permite folosirea unor expresii textuale complexe, 
iar categoria de utilizatori ai unor astfel de dispozitive este cea a unor persoane ocupate, 
dotind acces rapid la informaţii, se recomandă următoarele: 


folosirea unui ton mai putin formal — astfel, în loc de un enunț precum 
„Dispozitivul dumneavoastră nu se poate conecta la serverul Web” (,, Your device 
can not connect to the Web server’) se poate folosi o expresie precum „Nu mă pot 
conecta” (,,Cannot connect’); 

eliminarea cuvintelor care nu sunt necesare — mai ales pentru utilizatorii de limba 
engleză, se poate recurge la un enunț de genul „Sect the phone settings to use” 
(,,Selectati setările-telefon utilizate”) in detrimentul mesajului ,,Sedect the phone 
settings that you want to use” („Selectaţi setările telefonului pe care doriți să le 
utilizaţi”); 

recurgerea la convenţii simple privitoare la textele de ajutor — astfel, în loc de o 
propoziţie precum „On the Software menu, tap Download” („În cadrul meniului 
Software, actionati Download”), se poate adopta forma mai succintă ,,Sofiware > 
Download’; 

reducerea apariţiei textului scris îngroşat (bold) — mesajele prezentate îngroșat se 
recomandă a fi utilizate numai pentru titluri; 

lipsa corpurilor de literă oferind italice — aceasta simplifică proiectarea 
dispozitivelor mobile; 

asigurarea consistentei formatării textului — se recomandă, de exemplu, ca 
aplicaţiile destinate dispozitivelor Siartphone ori Pocket PC să recurgă la etichete 
textuale (/4be/5) terminate obligatoriu cu ,,:”, iar titlurile să nu aibă drept sufix acest 
caracter; 

alocarea, chiar din faza de prototipizare a interfeţei, a spaţiilor suplimentare în 
vederea internationalizarii sitului (de exemplu, dacă în limba engleză se foloseşte 
termenul ,,prompf’, in limba germană acesta se traduce prin ,,Eingabeaufforderung’, 
care ate o lungime de trei ori mai mate fata de versiunea în limba engleză). 
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De asemenea, apariția sub-meniurilor de legături trebuie să fie, pe cât posibil, cat mai 
redusă, iar butoanele (legăturile) multiple nu vor fi aranjate pe o singura linie, pentru a se 
evita ambiguitatile şi greşelile de manipulare din partea utilizatorului. 

În cazul dispozitivelor mobile prevăzute cu ecrane având dispunere verticală şi 
orizontală, proiectarea din punct de vedere spaţial a interfeţei trebuie să se adapteze 
orientării ecranului (/andscape, portrait, square) — un exemplu tipic este cel al proiectării 
interfeţei Web a unei componente de tip calendar. 

Studiile de utilizabilitate au demonstrat faptul că unele controale de dimensiuni 
standard pot frustra utilizatorii, fiind dificil de acționat în contextul folosirii unui ecran 
senzitiv (zouch screen) sau a unui stylus, în comparaţie cu utilizarea mouse-ului ori tastaturii în 
contextul unui calculator convenţional. Rezultatul poate fi introducerea imprecisă a 
datelor, ergonomia interfeţei Web având de suferit. 

De asemenea, pentru dispozitive Tabet PC, se constată că acurateţea localizării 
cursorului s7//s-ului este mult inferioară celei a cursorului mouse-ului, deoarece unghiul de 
vizualizare a cursorului pe ecranul Tabet PC-ului este diferit în comparaţie cu cel al 
monitoatelor obişnuite. S-au remarcat si dificultăți de navigare la marginile ecranului, 
recomandarea fiind aceea ca barele de defilare sau diverse meniuri de legături să fie 
amplasate in mod diferit fata de interfețele exploatate de dispozitive de calcul 
convenţionale. 

Realizarea efectivă de interfeţe Web pentru dispozitive mobile prin folosirea limbajului 
de marcare WML (Wireless Markup Language) poate fi urmărită în capitolul 4 al lucrării S. 
Buraga (coord.), Aplicații Web dla cheie, Polirom, laşi, 2003 — detalii la adresa 
www.infoiasi.ro/~phpapps/. 


Accesul via WAP la un sit de comert electronic folosind WML 


5.2.7 Următorii paşi 


Verificarea integrității şi corectitudinii codului-sursă 


După proiectarea şi crearea efectivă a sitului, un prim pas este acela de a verifica 
integritatea legăturilor şi corectitudinea codului-sursă al documentelor XHTML şi CSS. 
Pentru aceasta putem apela la diverse utilitare, parte dintre ele menţionate în cadrul 
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capitolului anterior. Astfel, pentru o privire de ansamblu asupra sitului dezvoltat şi, în plus, 
pentru verificarea fiecărei legături se pot folosi Adobe GoLive, Macromedia Dreamweaver, 
NetObjects Fusion saa Ace HIML — disponibile sub Windows — sau SCREEM — rulând sub 
Linux. De asemenea, se pot folosi diferite sisteme de management al conţinutului sitului. 

Corectitudinea codului XHTML se poate realiza apelând la Tidy sau la serviciul on-line 
oferit de Consorţiul Web — http: //validator.w3.org. De asemenea, putem realiza 
diferite optimizări ale codului, conform celor desctise în secțiunea 4.3 a capitolului al 
patrulea. Unele programe — precum Absolute HTML Compressor — merg şi mai departe, 
ştergând ghilimelele care delimitează valorile atributelor sau zag-urile de sfârşit ale unor 
elemente. Nu recomandăm utilizarea lor, mai ales dacă avem în vedere trecerea de la 
HTML la standardul XHTML. 


Compress 


Selection 


HTML Source Compressor 


This tool compresses web documents resulting in shorter download times, When web pages are compressed 
they will look the same in your browser as before but with a 20% reduction in the filesize. They will also 
make it difficult For people reading your HTML source, Compressor can be adjusted to remove unnecessary 
tags/information from a web document, 


Source \WebDesignBook\web-prefata. html eS... 


Destination | 


e 


Compression Options 
[V Replace simple tags (<strong> to <b> and <em> to <i>, ete. 
[V Puttag <center> instead of <p align=..> 
[V Remove superflious inverted commas in tags 
|v Remove superflious spaces 
IV Remove superflious returns 


JV Remove all returns 


Iv 


**NOTEYY; Make sure you always have the original web document backed up at another location, 


Compress | Cancel 


Optimizarea codului-sursă (X)HTML realizată de 1st Page 2000 


În vederea vizualizarii sitului în bune condiţii, indiferent de platformă, recomandăm 
evitarea oricăror extensii particulare şi a formatelor grafice proprietare (ca, de exemplu, 
BMP). Un alt aspect de care trebuie să ţinem seama este modul de scriere a numelor de 
fişiere. Astfel, sistemul de operare Windows nu face deosebirea între minuscule şi 
majuscule şi paginile se vor vizualiza fără probleme, însă o dată transferate pe un server 
Unix (Linux) trebuie să verificăm dacă numele resurselor au fost specificate corect, 
platformele Unix făcând deosebirea între literele mici şi cele mari (case-sensitive). Trebuie, de 
asemenea, să specificăm corect si separatorii numelor de directoare, folosind caracterul 
„/”, conform standardelor actuale. 

Siturile găzduite în Statele Unite ale Americii se recomandă a se conforma secțiunii 508 
privitoare la accesibilitatea conţinutului, urmându-se strategiile prezentate în cadrul acestui 
capitol ori în capitolul al patrulea. 
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Optimizarea codului pentru motoarele de căutare 


În conjunctie cu cele descrise anterior, în vederea (re)găsirii sitului de către vizitatorii 
interesaţi, situl trebuie optimizat pentru a indexat eficient de către motoarele de căutare. 
Această strategie poartă numele de SEO (Search Engine Optimization) şi reprezintă o tehnică 
specială care vizează în principal structurarea codului-sursă al documentelor Web, 
structurarea conţinutului şi structurarea legăturilor cu alte pagini. 

Activitatea de structurare a codului-sursă implică în primul rând verificarea formatarii 
corespunzătoare a acestuia (vezi infra). Obligatoriu, trebuie incluse meta-date menite a 
descrie conţinutul propriu-zis: marcajul <meta> nu trebuie să lipsească, iar tabelele, 
imaginile, elementele multimedia şi legăturile trebuie să aibă conţinuturi textuale 
alternative. De asemenea, se pot ataşa meta-date externe (exprimate prin construcții RDF 
şi/sau RSS) via zul <link>. Nu trebuie folosite elemente considerate învechite 
(precum <font>), cadre (frame-uri) sau proprietare (e.g; <blink>, <marquee> oti 
<nobr>). 

În ceea ce priveşte structurarea conţinutul, în primul rând orice pagină Web trebuie să 
ofere conţinut textual cât mai bogat. Situl trebuie actualizat periodic, frecvent, dar 
modificările de structură nu trebuie să fie majore în primele luni ale lansării in premiera a 
sitului pentru ca motoarele de căutare (ag: Google) să înveţe şablonul de prezentare a 
datelor. Conţinutul poate fi descris de cuvintele-cheie precizate de <meta>, criteriile de 
alegere ale acestora fiind relevanta, densitatea şi internationalizarea. Aceste cuvinte-cheie 
nu trebuie repetate obsesiv şi trebuie să reflecte conţinutul propriu-zis, în caz contrar 
documentul fiind penalizat (gradul de relevanţă va fi considerat mai mic). O importanţă 
majoră o are titlul paginii, conform standardului XHTML trebuind fi plasat a prim element 
al marcatorului <head>). Termenii incluşi în <title> trebuie să apară o singură dată, iar 
numărul lor nu trebuie să depășească valoarea 10. 

Conţinutul relevant al documentului este recomandabil sa fie plasat în cadrul tag-urilor 
<h1> şi <h2>, iar cuvintele-cheie descrise in <meta> trebuie să apară în primele şi 
ultimele paragrafe ale paginii. Vom ţine cont şi de faptul că unele construcţii tabelare 
(realizate prin intermediul marcatorului <table>) pot conduce la o parcurgere 
nesatisfăcătoare atunci când sunt procesate de către motorul Web, preferându-se utilizarea 
proprietăţilor CSS pentru aranjarea informaţiilor în cadrul unei pagini. Dacă se folosesc 
totuşi tabele, acestea trebuie să aibă prevăzute anteturi (via <th>). 

O practică incorectă (detectată de Google, de exemplu) este aceea a ascunderii 
cuvintelor-cheie (eventual repetate de multe ori) în cadrul documentului prin schimbarea 
culorii de afişare cu cea a fundalului ori prin utilizarea unor proprietăţi CSS de poziţionare 
care să plaseze acest text în afara zonei de afişare a conţinutului. 

De reţinut faptul că unele motoarele de căutare pot avea probleme la indexarea 
documentelor conţinând cod JavaScript inserat direct în XHTML (programele JavaScript 
pot fi stocate în fişiere separate, separându-se astfel şi conţinutul de procesare). 

Structurarea legăturilor presupune includerea de legături spre alte pagini (ale aceluiași 
sit ori ale altor situri). De dorit ar fi ca să existe legături spre/de la situri importante având 
conţinut similar cu situl nostru (o tehnică uzuală este cea a interschimbului de banner-e 
publicitare). Structura hipertext creată trebuie verificată frecvent, pentru ca toate legăturile 
să conducă spre pagini valide. Multi proiectanți încearcă să triseze, realizând legături 
încrucişate între pagini similare — această tehnică poate fi detectată de motoarele de căutare 
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actuale, situl respectiv fiind penalizat, în ceea ce priveşte calcularea gradului de relevanţă a 
conţinutului. 
Printre alte strategii SEO se numără: 


folosirea paginilor „de intrare” sau de tip pod (doonvay/ bridge pages) — în vederea 
indexării eficiente, se pot crea pagini având un conţinut special. Ele nu sunt 
destinate utilizatorilor umani, ci folosesc tehnici de ghidare a roboților Web spre 
diverse sectoare ale sitului nostru. Trebuie să ofere vizitatorului posibilități de a 
„sări” la conţinutului propriu-zis, dar nu se recomandă adoptarea unui refresh 
automat prea rapid); 

crearea paginilor „de acoperire” (page cloaking) — drept principal scop se vizează 
oferirea unui conţinut diferit în funcţie de un anumit criteriu (în acest caz, conţinut 
special pentru roboții de căutare). Motivele primare sunt SEO şi securitatea 
(elementul <meta> este făcut disponibil numai pentru motoarele de căutare şi nu 
pentru vizitatorii umani). O astfel de pagină pune la dispoziţie un conţinut special, 
optimizat in vederea indexării şi creşterii relevantei paginii, pe baza cererilor 
provenite din partea unui client Web. Programul care realizează aceasta se mai 
numeşte şi cloaking script, putând uneori redirectiona robotul către o pagină de tip 
doorway; 

prezentarea ,,estetica” a URI-urilor — unele motoare de căutare fac distincția dintre 
conţinutul static şi cel dinamic pe baza URI-urilor (se detectează, de exemplu, dacă 
apar caracterele ,,?” si „&” indicând existenţa componentei query_string într-o 
adresă: page.php?var=sda43522al2évar2=643fad2ff). Indexarea 
conţinutului dinamic se realizează mult mai lent ori într-o manieră limitată. Se 
recomandă ca numărul variabilelor pasate via GET să nu fie mai mare de 3, iar 
numele acestora să aibă o anumită semnificație. De asemenea, trebuie evitate 
numerele unice de sesiune din URI-uri (roboții rejectează cookie-urile), aceasta 
realizându-se printr-o configurare judicioasă a serverului Web ori a serverului de 
aplicaţii. De exemplu, se poate activa rescrierea URI-urilor (utilizarea modulului 
mod_rewrite la Apache) ori se poate inhiba transferul identificatorului de sesiune via 
URI (la PHP, prin php flagsesssion.use trans sidoff). Astfel, URI- 
urile dinamice pot fi mascate: www .infoiasi.ro/cursuri/web.html pare 
static, dar în realitate este www. infoiasi.ro/cursuri.php?curs=web); 
evitarea paginilor de eroare 404 — asa cum am mai mentionat, orice pagina de 
eroare trebuie convertită într-o pagină folositoare omului/robotului, putând 
cuprinde harta sitului sau o listă cu legături spre cele mai relevante pagini ale 
sitului. Acest lucru se realizează prin configurarea serverului Web, utilizându-se 
facilitățile de definire a unor pagini speciale de eroare; 

recurgerea la „trucuri? dependente de motorul de căutare — se pot, in plus, 
exploata caracteristicile speciale ale unor motoare. De exemplu, Google şi 
Inktomi efectuează o indexare în adâncime (deep crawl), deci vor prefera o structură 
hipertext mai densă a sitului. A se revedea si cele prezentate în secțiunea 2.1.2 a 
celui de-al doilea capitol al lucrării de fata. 


Publicarea sitului 


Următoarea etapă o reprezintă publicarea sitului. Soluţiile pot fi următoarele: 
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Publicarea pe un server dedicat. Dacă situl este al unei organizaţii care poate să-şi 
permită să aibă un server Web propriu sau este al unei persoane având acces la 
serverul unei astfel de organizaţii (e.g: un student al unei facultăți sau un angajat al 
unei corporaţii), atunci acest pas presupune transferul tuturor fişierelor care 
compun situl pe maşina pe care rulează serverul Web. În primul rând trebuie ales 
serverul adecvat, ţinând cont de factori precum performanţa, siguranța, fiabilitatea, 
costul şi platforma. 

De cele mai multe ori se poate recurge la functionalitatile oferite de serverul Apache 
care pune la dispoziţie suport pentru scripturi CGI (Common Gateway Interface) 
concepute în diverse limbaje ca bash, Perl sau C/C++, pentru servere de aplicaţii 
precum PHP, pentru servlet-uri Java si pentru criptarea legăturilor via OpenSSL. 
Arhitectura  modulară permite extinderi ulterioare, aducând funcționalități 
adiţionale. Un atu este si faptul că serverul este disponibil gratuit pentru mai multe 
platforme. 

Drept soluţii comerciale se pot enumera IIS (Internet Information Services) — disponibil 
în cadrul distributiilor de Windows NT/2000/XP şi incluzând şi un server de FTP 
—, Personal Web Server — oferit în cadrul distributiilor de Windows 9x —, Netscape 
Enterprise Server sau Sun Web Server. 

Pentru Apache, implicit situl principal va fi localizat — in mod uzual — in directorul 
/var/www/html/ sau /home/httpd/html/ (în cazul unei platforme 
Unix/Linux) ori \Program Files\Apache\htdocs\ (pentru un sistem 
Windows). Pagina de start a sitului va trebui denumită index.html. Dacă avem 
create conturi pe maşina pe care rulează Apache, implicit se considera că situl 
personal al fiecărui utilizator va fi amplasat în directorul home al acestuia, într-un 
subdirector denumit public_html sau html. Astfel, dacă utilizatorul stanasa 
doreşte să-şi publice situl pe mașina thor.infoiasi.ro (cu alas-ul www), va 
transfera — via FIP — toate resursele sitului în directorul 
/home/stanasa/public_html/. Transferul de fişiere se poate realiza cu un 
client FTP precum fip, Total Commander sau chiar utilizând navigatorul preferat 
(pentru a asigura un grad mai mare de securitate, se poate recurge la un transfer 
sigur prin utilizarea unor programe ca sp ori Wins). Am presupus, desigur, că 
directorul home este /home/stanasa/. Putem testa apoi dacă situl este 
operational introducând adresa http: //www.infoiasi.ro/-stanasa/. Nu 
trebuie uitată setarea drepturilor corespunzătoare de citire pentru fişiere şi de 
execuţie pentru directoare. Pentru mai multe amănunte, a se vedea cartea S. Buraga 
et al., Programare Web în bash şi Perl, Editura Polirom, Iasi, 2002. 

În cazul IIS, situl principal este localizat în directorul \Inet Pub\wwwroot\, iar 
pagina de start are numele default .htm. Şi in această situaţie trebuie stabilite 
permisiunile de acces corespunzătoare. 

Nu trebuie uitate soluționările problemelor de securitate, de asigurare a unei 
disponibilitati permanente a informaţiilor, de implementare a unor servicii de 
distribuire în timp real a conţinutului, în funcţie de cerințele sitului. 

Astfel, scripturile trebuie atent testate, iar fişierele de jurnal ale serverului Web 
trebuie monitorizate în permanenţă. În multe situaţii se impun utilizarea unui firewall 
si criptarea legăturilor. Pentru asigurarea unei functionari optime, permanente, chiar 
şi în perioadele de vârf ale accesului la sit, se vor folosi servere Web multiple, 
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menite a echilibra încărcarea (oad balancing) — ca exemple de sisteme de acest gen 

putem enumera Alon WebSystems, Cisco LocalDirector şi F5 BIG/ip, din păcate 

costisitoare — sau tehnologii bazate pe clustering — i.e. Linux, Novell Cluster Services, Sun 

Cluster si Windows 2003 Server. Daca situl necesita distribuitii de informatii in timp 

real — de exemplu, multimedia sau software — putem adopta o soluţie bazată pe 

servere de tip cache care să stocheze documente statice, meniuri sau imagini — e.g.: 

CacheFlow, InfoLibria sau Squid — oti una implementând servicii de distribuție — 

precum Akamai şi Digital Island. 

Apelarea la un furnizor de găzduire Web. În acest caz, situl va fi localizat la distanţă, pe 

o maşină pusă la dispoziţie de gazda sitului Web. Acest proces se mai numeşte şi 

găzduire (hosting). În funcție de buget şi de cerinţele sitului, putem recurge la un 

furnizor local sau unul internaţional. Trebuie să avem în vedere, printre altele, 
sistemul de plată, suportul tehnic şi lăţimea de bandă oferită. Deseori, rolul de 
furnizor de servicii de găzduire Web este asumat chiar de furnizorul de servicii 

Internet. 

— Plata se efectuează frecvent prin intermediul cărții de credit, dar uneori se 
acceptă şi alte forme de plată, cum ar fi cecurile internationale sau transferul 
bancar. 

Menţionăm faptul că există numeroase servicii de găzduire gratuită, însă 
inconvenientul este reprezentat de reclamele impuse si de spaţiul limitat de 
stocare (maxim 20 MB). Multe astfel de servicii oferă şi instrumentele necesare 
conceperii de pagini Web fără pretenţii, cu minime cunoştinţe de (X)HTML, 
plus posibilitatea de a initia forumuri de discuţii. Găzduirea gratuita se pretează 
mai ales pentru situri personale sau ale unor grupuri restrânse. 

Ca exemple de servicii internaționale de găzduire gratuită se pot menţiona 
Homestead — www . homestead. com, Geocities — www.geocities.com sau 
Xoom — www.xoom.com. În România se pot folosi, printre altele: As — 
www.as.ro, Go— www.go.ro si Home — www. home. ro. 

— Suportul tehnic nu trebuie deloc neglijat. Mai ales în cazul siturilor de comerţ 
electronic, este necesară existența suportului pentru scripturi CGI concepute în 
limbaje precum C/C++ sau Perl, diverse servere de aplicaţii (eg: 
ASP/ASP.NET, PHP, JSP) şi servere de baze de date (że. MySQL ori 
PostgreSQL). De asemenea, trebuie verificat dacă se oferă suport pentru 
directivele SST (Server Side Includes), pentru conectivitatea cu bazele de date via 
ODBC sau JDBC, pentru servicii NET sau procesarea documentelor XML, 
pentru generarea diferitelor tipuri de conţinut (precum PDF) etc. Un alt aspect 
important este numărul de cereri/secundă ce pot fi deservite concomitent. Unii 
furnizori de găzduire Web pot oferi servicii integrate pentru situri de comerţ 
electronic (ze. implementarea coșului de cumpărături, procesarea tranzacţiilor, 
crearea profilului utilizatorilor etc.). 

De asemenea, pot surveni diverse probleme tehnice în cursul procesului de 
găzduire a sitului (e.g: incompatibilitati între platformă si scripturile dezvoltate) 
sau pot apărea disfunctionalitati pe parcurs. Este, aşadar, foarte important ca 
acestea să fie remediate cât mai rapid. Orice întârziere conduce la pierderi de 
trafic sau de clienți. Suportul tehnic asigurat permanent este un criteriu 
important, iar dacă suportul tehnic nu este continuu, atunci trebuie să luăm în 
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calcul diferențele de fus orar. Eventualele probleme de comunicare cu 
furnizorul de servicii de găzduire Web pot fi evitate dacă ne asiguram că 
angajaţii care se ocupă de administrarea sitului posedă cunoştinţe solide de 
limbă engleză. 

— Al treilea aspect important este lățimea de bandă (numărul de octeți transmisi 
simultan via o conexiune Internet). Multe state își dezvoltă rapid infrastructura 
astfel încât să poată corespunde exigenţelor impuse de evoluţia tehnologiilor 
Internet, însă se constată că performanţa cea mai ridicată se înregistrează în 
Statele Unite. În unele situaţii va trebui să apelăm la un furnizor international, 
dar înainte de a face acest pas trebuie să comparăm caracteristicile 
echipamentelor, serverelor şi serviciilor oferite de un furnizor local cu cele ale 
unuia localizat in alt stat. În situaţia in care am ales o găzduire în afara țării, va 
trebui să ne punem la punct cu legislaţia internaţională pentru a evita posibilele 
probleme ulterioare. 


De reţinut faptul că putem asocia sitului creat o pictogramă de identificare a acestuia. Acest 
lucru se realizează prin intermediul unui fișier favicon.ico, stocat în rădăcina sitului. 
În fapt, acest fişier trebuie memorat în formatul utilizat de pictogramele Windows. 
Imaginea stocată poate avea o adâncime de culoare de până la 8 biţi, dimensiunile cel mai 
frecvent folosite fiind 16x16 sau 32X32 de pixeli. Prin utilizarea unui astfel de fişier, vom 
avea posibilitatea să promovăm mai bine situl, pictograma apărând în bara de adrese şi în 
lista de pagini favorite (semnele de carte), pentru majoritatea navigatoarelor actuale — 
Firefox, Internet Explorer sau Konqueror. Pentru crearea unui fişier favicon.ico 
putem recurge la un program precum IrfanView care este capabil să salveze in format 
. ico orice alt fişier grafic (eg: GIF sau PNG). Exemple de asociere a unei pictograme 
pentru un sit Web sunt disponibile pe CD-ul insotind această lucrare. 


Alegerea domeniului 


Desigur, în situaţia in care situl Web este găzduit pe un server extern va trebui să stabilim 
un nume de domeniu pentru sit. Unii furnizori de găzduire Web dau posibilitatea alegerii 
unui subdomeniu virtual alocat sitului, de forma sit. furnizor. ro (że www. situl- 
meu.go.ro). Alţii oferă pentru sit o adresă de genul www. furnizor.ro/sit (eg: 
www .geocities.com/situl-meu). 

Dacă adresa sitului este prea lungă se poate recurge la o stratagemă oferită de unele 
servicii — gratuite sau nu — de redirectionare Web. Astfel, putem folosi adrese de genul 
surf.to/sit sau come.to/sit (domeniul .to aparţine statului Tonga) care în fapt 
nu includ decât o legătură spre adresa reală a sitului. Mai pot fi utilizate domenii precum 
„tv pentru posturi de televiziune (acest domeniu aparține statului Tuvalu), . fm pentru 
staţiile de radio FM (domeniul fiind al Statelor Federale ale Microneziei) sau . am în forma 
i.am/smart (domeniul este sub controlul statului Armenia). De asemenea, si unele 
domenii . ro sunt alocate unor situri comerciale coreene, deoarece termenul „ro” în limba 
coreeană se traduce prin „stradă”. 

De multe ori, mai ales în cazul unui sit cu profil comercial, trebuie găsit un nume de 
domeniu reprezentativ, subdomeniu direct al unui domeniu primar: www. sit.ro sau 
www.sit.com. 
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Alegerea numelui de domeniu trebuie realizată cu atenţie, reflectând în primul rand 
numele organizației sau persoanei care îl va folosi. Va trebui verificată existenţa mărcilor 
înregistrate sau celebre, atât pe plan local, cât şi pe plan mondial. Desigur, aceste marci nu 
vor putea fi folosite ca nume de domeniu. Trebuie, desigur, să verificam si dacă numele 
ales nu este deja alocat. 

Pasul următor este înregistrarea numelui de domeniu. În România aceasta se realizează 
la RNC (Refeaua Națională de Calculatoare din România) — a se vedea şi subcapitolul 3 al 
primului capitol). O strategie bună este înregistrarea şi a unui număr de nume de domenii 
anti-domeniul ales, astfel încât acestea să nu poate fi utilizate ulterior. 


Promovarea 


Din moment ce situl este operational, putem anunța apariţia lui. Strategiile uzuale sunt 
următoarele (a se vedea si secțiunea 3.6.2 a capitolului al treilea): 


e alăturarea adresei sitului de numele companiei; astfel, orice apariţie în mass-media a 
numelui companiei sau organizaţiei va fi însoțită si de adresa sitului Web; 

e schimbul de banner-e publicitare cu situri similare; 

e înregistrarea la motoare de căutare, eventual folosind servicii precum AddMe — 
www . addme . com sau Fast Submit — 
http: //www.evrsoft.com/fastsubmit/; 

e realizarea de anunțuri publicitare, în care să se menţioneze apariția sitului, 
distribuite către toți clienţii, furnizorii, cunoscutii etc.; 


e iniţierea unor campanii publicitare convenţionale (de exemplu, expunere de banner-e 
pe mijloacele de transport în comun, realizarea de obiecte — tricouri, stilouii, 
calendare — promoţionale, plasarea de afişe şi aşa mai departe). 


Trebuie să evităm ca situl să conţină pagini care să menţioneze că sunt încă in 
construcție (,, Under construction”) sau să includă legături eronate. 


Mentinerea (administrarea) 


Din moment ce situl a fost lansat și promovat, acesta va începe să fie vizitat. Succesul pe 
termen lung al sitului rezidă în atragerea vizitatorilor şi în constituirea unei comunități de 
utilizatori. În acest sens, este imperios necesar să fie avute în vedere: 


e oferirea de informaţii „gtatuite” — de exemplu, un sit de comerț electronic poate 
pune la dispoziţie documentatii privind tehnologiile folosite, un portal poate oferi 
posibilitatea deschiderii unui cont de poştă electronică sau de înscriere la un 
serviciu de noutăţi; 

e personalizarea conţinutului — vizitatorul trebuie să aibă posibilitatea de a stabili 
modul de interacțiune cu situl; 

e asigurarea unui bun suport tehnic atât în manieră on-line, cât si off-line; mesajele 
trimise de vizitatori trebuie procesate, iar unele întrebări frecvente pot fi incluse în 
pagina FAQ; 

e anticiparea dorințelor clienţilor — de exemplu, afişarea pe sit cu 3-4 săptămâni 
înainte de sărbătorile de iarnă a unor mesaje de felicitare sau a unor legături spre 
servicii de trimitere de ilustrate de sezon etc.; 

e oferirea de informaţii „la zi”, actualizate periodic; 
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e realizarea de traduceri ale conţinutului in diverse limbi de circulație mondială (a se 
vedea, de exemplu, serviciul www. google . ro destinat publicului român). 


Nu trebuie pierdut din vedere nici managementul imaginii companiei prin intermediul 
sitului Web. Acest lucru se realizează prin analizarea fişierelor de jurnalizare a accesului — 
de exemplu, folosindu-se programul awstats în cazul Apache —, prin construirea profilului 
utilizatorului, prin diverse măsurători privind popularitatea sitului. La adresa 
http://www.jimtools.com/link.html există diverse utilitare care pot fi folosite 
în acest sens. Popularitatea este dată de numărul de accesări ale paginilor, de viteza de 
încărcare a paginii de start sau a altor pagini ale sitului, de durata vizitei unui utilizator, de 
numărul de vizite dintr-o zi, de numărul de afișe publicitare vizualizate, respectiv activate. 

Traficul poate fi măsurat prin înscrierea sitului la servicii de genul Szażistici.ro sau 
Trafic.ro. 

Pentru siturile cu profil e-business, menţinerea presupune si realizarea următoarelor 
etape: 


e Gestiunea cunoștințelor. O analiză profundă a informaţiilor vehiculate pe sit este 
condiţia sine qua non de a cunoaşte situaţia afacerii în ansamblu. Această e-analizd 
constă din instrumente şi tehnologii capabile să genereze diverse tipuri de rapoarte 
privind anumite aspecte ale afacerii. Aplicațiile se bazează deseori pe tehnologia de 
procesare analitică on-line OLAP (On-Line Analytical Processing) şi constau din 
motoare de raportare, generatoare de rapoarte, unelte de interogare ad-hoc si 
sisteme de gestiune a depozitelor de date (data warehouse). Ca exemple de aplicaţii 
dedicate acestui scop se pot enumera Impromptu sau Web Intelligence, unele oferind si 
posibilităţi de publicare pe Web a rapoartelor — ca de exemplu, PowerPlay Web. 
Pentru gestiunea fluxului de documente si a poştei electronice se pot utiliza aplicaţii 
precum Documentum, WorkSmart oti DocsFusion. De asemenea se poate recurge la 
utilitare pentru sortarea şi arhivarea pe categorii sau pentru căutarea avansată a 
mesajelor de poştă electronică. 

* Managementul relațiilor cu clienții. După cum am văzut, pentru succesul pe Web al 
afacerilor trebuie abordată o strategie de marketing 7-/4-7, focalizată pe clientul 
individual. Aceasta însă diferă de la o companie la alta. Departamentele firmei pot 
interactiona cu clienţii folosind diverse aplicaţii pentru managementul informaţiilor 
privitoare la clienţi. Multe dintre aceste informaţii sunt introduse de cumpărători 
prin intermediul formularelor electronice disponibile pe sit. Trebuie să includem o 
pagină descriind termenii de păstrare a confidentailitatii acestor date. 

Ca aplicaţii specializate se pot enumera GoddMine FrontOffice sau Clarify. 
Managementul computerizat al relaţiilor cu clienții (CRM — Chent Relationship 
Management) ptesupune instruirea angajaţilor si o bună comunicare între aceştia. 
Astfel, de multe ori se adoptă servicii personalizate pentru diverse departamente, 
funcţionând in intranet via portaluri de întreprindere — a se vedea secțiunea 2.1.4 a 
capitolului 2. 

Cele mai sofisticate sisteme de management al relaţiilor cu clienţii includ si aplicaţii 
pentru planificarea resurselor întreprinderii (ERP — Enterprise Resource Planning). 
Dintre acestea se pot menţiona Baan, Oracle eBusiness Suite, PeopleTools, SAP, 
ScopusW orks sau Vantive. Unele dintre aceste sisteme se pot utiliza in manieră on-line, 
direct pe Web. 
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Asistenţa. Pentru asigurarea asistenţei, multe situri permit comunicarea on-line, in 
timp real, prin intermediul mai multor mijloace (eg: poşta electronică, expedieri 
automate de documente, forumuri de discuţii, teleconferinte etc.). Aceste servicii 
pot fi realizate cu uşurinţă apelând la produse software sau situri Web specializate. 
Ca exemple se pot enumera LivePerson — www. liveperson. com, Lipstream — 
www. lLipstream. com, Ne/2Phore — www .net2phone .com. O soluţie integrată 
este reprezentată de aplicația eGazn. 

Colaborarea. În cele mai multe situaţii, planificarea unei colaborări directe şi eficiente 
între angajaţii unei companii se dovedeşte dificilă. Există mai multe soluţii 
informatice dedicate colaborării electronice, reunite sub denumirile de groupware sau 
teamware, funcționând în cadrul intranetului unei organizaţii. Ca exemplu se poate da 
HorOfice — un serviciu de colaborare bazat pe Web, disponibil la adresa 
www .hotoffice.com. În fapt este constituit un aşa-numit birou virtual care să 
permită colaborarea cu ajutorul unui set de aplicaţii specializate, capabile de a 
partaja informaţiile firmei şi de a permite controlul asupra modificărilor concurente 
ale documentelor. În plus, se pot oferi calendare de grup şi personale, camere 
virtuale de discuţii in grup, mesagerie electronică privată etc. Există, de asemenea, şi 
aplicaţii dedicate, precum Lotus Notes sau Microsoft Exchange Server. 

În cazul in care colaborarea se desfăşoară între personalul mai multor organizaţii se 
vot adopta soluţii bazate pe extranet, ca de exemplu 4g7//jon sau eRoom. 

Integrarea aplicatiilor. O companie de dimensiuni considerabile poate integra diverse 
aplicaţii complexe, deseori disparate, într-un sistem coerent care să permită 
comunicațiile între aplicaţii via un format independent bazat pe XML. Un sistem de 
integrare a aplicaţiilor dintr-o întreprindere (EAI — Enterprise Application Integration) 
va oferi o serie de servicii genetice pentru administrarea securităţii, a protocoalelor 
de comunicare între aplicaţiile existente, a conversiei datelor din formate particulare 
în vederea vehiculării acestora în intranet, extranet sau direct în Internet, pe Web. 
În prezent, se constată că familia de limbaje XML devine liantul sistemelor 
integrate, schimburile de date business-to-business efectuându-se prin intermediul unor 
protocoale bazate pe XML, cum ar fi SOAP (Simple Object Access Protocol). Ca 
platforme software permițând exploatarea unor sisteme performate de integrare a 
aplicaţiilor se pot menţiona Enterprise JavaBeans bazat pe Java 2 Enterprise Edition şi 
Microsoft NET având la bază limbajul CH. Prin intermediul unor servicii Web, 
integrarea aplicaţiilor se va putea desfăşura mult mai facil şi mai flexibil. 


In vederea facilitării administrării unui sit de comerț electronic se vor lua în calcul: 


actualizarea informaţiilor în timp real; 

evitarea erorilor de tehnoredactare (mai ales în ceea ce priveşte preţurile 
produselor/ serviciilor); 

aplicarea unor şabloane de afișare a datelor; 

oferirea de cataloage de produse/servicii; 

posibilitatea administrării on-line, de la distanţă. 


Mai mult, trebuie să ne asigurăm că bazele de date sunt consistente şi sigure, interfața 
cu aplicaţia este judicios concepută, sunt asigurate metode multiple de plată, raportarea 
erorilor se realizează în mod transparent pentru vizitator şi pe sit sunt stipulate toate 
informaţiile privitoare la termenii şi condiţiile de utilizare /campatate a bunurilor, eventual 
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fiind furnizate si alte detalii referitoare la taxele suplimentare percepute si modurile de 
livrare. 

De asemenea, trebuie avută in vedere construirea unui sit alternativ, denumit si dark- 
site, care să fie disponibil în situații de criză precum recuperarea după dezastru a 
organizației (e.g: pierderi financiare, campanie negativă desfăşurată de adversari, diverse 
catastrofe care au afectat firma, deteriorarea sitului de către cracker-i etc.). În aceste situaţii, 
termenul-cheie trebuie să fie promptitudinea. De exemplu, în urma unui accident al unui 
avion aparținând unei companii de transport aerian este de neconceput ca pe situl Web al 
acesteia să nu apară informaţii privitoare la acest nedorit eveniment. La fel, dacă situl este 
alterat ori distrus de persoane rauvoitoare (crack-eri), acesta trebuie rapid înlocuit cu 
varianta de rezervă. 

Rezumând, modalităţile de implementare efectivă a aplicației trebuie să ia în 
consideraţie si cele explicate în capitolul 3 şi, de asemenea, să aibă în vedere strategiile de 
planificare a implementării. Un aspect important este cel al realizării efective a 
componentelor software în cadrul companiei (î7-ho4se) ori apelând la servicii externe 
(outsource). 


Motor de tranzactionare a datelor 


Server de stocare 
a Catalogului de 
produse/servicii 


Catalog 


„Arhitectura functionald conceptuală a unei aplicații Web de comert electronic 


Optiunile legate de implementare sunt sintetizate de următorul tabel — alte detalii, in 
special tehnice, sunt disponibile în volumele S. Buraga (coord.), Aplicatii Web la cheie. Studii 
de caz implementate în PHP, Polirom, Iasi, 2003, S. Buraga (coord.), Sturt Web la cheie. Soluţii 


300 Proiectarea siturilor Web 


profesionale de implementare, Polirom, Iasi, 2004 şi $. Tanasă, C. Olaru, Dezvoltarea aplicațiilor 
Web folosind Java, Polirom, Iasi, 2005. 


In cadrul companiei Servicii externe 


(in-house) (outsourcing) 


Proiectarea Departamentele de Consultanta de afaceri 
aplicaţiei marketing şi IT (business consulting) 


Dezvoltarea Dezvoltarea proprie a | Achiziţionarea de software 
de software aplicaţiei off-the-shelf 


Dezvoltarea Departamentul de Companiile de proiectare 
conţinutului marketing şi dezvoltare Web 


Găzduirea şi Debatt tul IT Ofertantul de servicii 
exploatarea eee Internet (ISP) 


Serviciile de 
tranzacţionare 
(comenzi, 


pliti,...) 


Ofertantul de servicii de 
Departamentul IT comerț 
(commerce service provider) 


Serviciile de Ofertantul de servicii de 
Departamentul de ae : 
promovare a i imagine (branding and 
A marketing A, ; f 
afacerii advertising service provider) 


Optiunile de implementare a unei aplicații e-business 


Asigurarea securității 


În cele mai multe cazuri, un aspect important — dar care este neglijat, din păcate — este cel 
al asigurării securității sitului. Orice aplicaţie (în cazul nostru, sit) poate fi victima unui 
incident de securitate, ie. a unui eveniment apărut în cadrul rețelei, cu implicaţii asupra 
securității, provenind din interiorul sau din exteriorul organizației. La momentul creării, 
multe protocoale Internet (prin care se numără şi protocolul HTTP) nu au luat în calcul 
posibilele vulnerabilitati se pot surveni. Vu/nerabilitatea se referă la slăbiciunea unui sistem 
hardware şi/sau software care permite utilizatorilor neautorizati să aibă acces asupra 
acestuia. Nici un sistem informatic nu poate fi considerat 100% sigur, iar vulnerabilitatile 
pot apărea şi datorită unei inadecvate administrări. 
Principalele cauze ale existenţei vulnerabilitatilor sunt: 
e = bug-urile (erorile) din cadrul programelor (scrpruti, servere Web, navigatoare etc.), 
introduse deseori neintentionat; 
e ignorarea şi/sau nedocumentatea bug-urilor deja existente (cunoscute); 
e configurarea necorespunzătoare a programelor, serverelor şi reţelelor (de exemplu, 
o configurare precara a serverului Web poate conduce la accesarea unor fişiere ori 
baze de date conţinând informaţii confidentiale, precum parole, coduri ale cărților 
de credit etc.); 
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lipsa suportului din partea producătorilor de software; 

comoditatea sau necunoasterea problemelor de securitare de către administrator 
şi/sau factorii de conducere ai organizaţiei (un aspect foarte important este cel al 
educării utilizatorilor, plecând de la vârful piramidei resurselor umane). 


Nivelurile de atac pot varia de la unul oportunist (de exemplu, în scop „recreațional”, 
fără obiective/tinte clar definite) la cel sofisticat (atacatorul are un obiectiv foarte bine 
conturat şi poate poseda cunoştinţe tehnice avansate, măsurile de prevedere obişnuite 
nereprezentând un impediment). 

Atacurile se pot încadra în următoarele tipuri: 


accesul-utilizator — atacatorul realizează atacul via un cont de utilizator obișnuit 
sau având privilegii superioare (de exemplu, află sau ghiceste parola unui vizitator 
si client al unui sit de comerț electronic; dacă acel utilizator era şi administratorul 
sitului, atunci pagubele vor fi mult mai mari); acţiunile pe care le poate întreprinde 
un atacator în cazul în care a avut succes sunt cele de obţinere a unor date 
importante, de alterare a acestora, de asigurare a accesului ulterior ori de 
modificare a unor parametri ai sistemului; 

accesul de la distanţă — nu necesită acces-utilizator la sistem, atacatorul încercând a 
realiza refuzuri de servicii (în cazul nostru, ale serverului Web) prin cereti incorecte 
ori prin trimiterea „în rafală” de solicitări — o astfel de tehnică se numeşte DOS 
(Denial Of Service), iar dacă atacurile sunt realizate simultan de pe mai multe masini 
asistăm la apariţia unui DDOS (Distributed Denial Of Service); 

accesul de la distanţă la diverse aplicaţii — presupune si trimiterea de date invalide 
aplicaţiilor (Web), fără a necesita obţinerea unui cont de utilizator. Două categorii 
principale de atacuri asupra siturilor Web sunt injectările de cod SQL (SOL 
injection) şi XSS (Cross-Site Scripting). Dacă primul recurge la scrierea unor interogari 
SQL care să permită afişarea, alterarea ori ştergerea unor informaţii din bazele de 
date aferente sitului în cadrul câmpurilor unor formulare sau direct în URI, al 
doilea constă în „injectarea” în cadrul sistemului, pentru execuţie direct în browser, a 
script-utilor JavaScript ori VBScript sau a altor tipuri de programe. Aceste atacuri 
funcţionează si în cazul în care se foloseşte criptarea conexiunilor prin SSL/TLS. 
Drept exemple de atacuri XSS le menţionăm pe acelea în care un sit Web (de 
exemplu, un forum dedicat consumatorilor unui anumit produs) permite 
vizitatorilor să trimită marcatori <img> (pe care i-am putea considera siguri la 
ptima vedere) via un formular pentru a insera o imagine în cadrul mesajului 
redactat. Un utilizator rau-intentionat ar putea introduce o construcție de genul 
<img src="javascript:cod" /> pentru a executa cod JavaScript (acest 
cod, de pildă, ar putea redirectiona unii vizitatori către alt sit — al concurenţei — ori 
le-ar putea şterge documentele locale graţie facilitatilor oferite de Internet Explorer 
de acces la sistemul de fişiere al clientului, cu implicaţii nefericite asupra reputației 
sitului). 

inocularea de programe pe calculatorul utilizatorului — prin intermediul serpr-urilor, 
Plug-in-utilor ori al componentelor ActiveX, atacatorul poate plasa programe de tip 
mahvare (vitusi, spioni, cai troieni etc.) pe calculatorul clientului, exploatand 
vulnerabilităţile ori dug-urile navigatorului Web. În acest mod, se pot apela 
programe in mod neautorizat, colecta şi/sau distruge resurse, lansa atacuri spre 
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alte sisteme de calcul, crea uşi ascunse (“raps sau backdoors) permiţând acces ulterior 
la calculator ori obţinerea unor privilegii etc. 

Un posibil atacator poate exploata, de asemenea, configuraţiile incorecte sau implicite 
ale serverelor sau aplicaţiilor Web. Pentru aceasta nu trebuie decât să recurgă la un motor 
de căutare pentru a detecta posibile vulnerabilitati. De exemplu, pentru a avea acces la lista 
fişierelor dintr-un director, vom putea formula interogarea intitle:index.of 
"parent directory". La fel, putem detecta versiunile unor servere Web prezentând 
bug-uri cunoscute cate, cu putin noroc, nu au fost încă remediate printr-o construcție de 
genul "Apache/2.0.52 server at" intitle:index.of ori "Microsoft- 
IIS/5.0 server at". O configurare eronată a serverului Web poate oferi accesul la 
fişierele .bak create în urma editării, astfel încât putem vizualiza codul-sursă unui script 
cate se execută pe server (de exemplu, un program PHP ori Perl). Acest program poate 
conţine informaţii privitoare la parolele de acces la baza de date ori la structura tabelelor 
bazei de date folosite de aplicaţie. Atacatorul nu trebuie decât să recurgă la inurl: 
index.php.bak. 

Acţiuni mai „sofisticate” desfăşurate de un cracker at putea fi următoarele: 

e Încercarea accesării sitului de intranet al unei organizaţii, unul dintre 

departamentele de interes putând fi cel al resurselor umane: 

INCLELSi Intranet inúrliintranet +intext: "human resources" 

e găsirea de nume de utilizatori: 

inurl:admin inurl:userlist 

filetype:reg reg intext:"internet account manager" 

filetype:conf inurl:proftpd.conf -sample 


e vânarea” de adrese de poştă electronică (ţinte pentru spam ori folosite in alte 
scopuri): 

"@gmail.com" -www.gmail.com 

filetype:mbx mbx intext:Subject 

filetype:pst pst (inbox | contacts | address) 

“e-mail” antrveles"curriculum vitae" 

filetype:xls inurl:contact 

e căutarea unor aplicaţii instalate pe diverse masini (firewal/-uri, programe de verificat 
conectivitatea la Internet, aplicaţii privind topologia reţelelor ori traficul de date 
într-o rețea etc.) sau a rapoartelor generate de acestea: 

inurl:error.log filetype:log -cvs 

"Tobias Oetiker" "traffic analysis" 

filetype:vsd vsd -samples -examples 

e localizarea unor programe de exploatare a vulnerabilitatilor (exp/oit-urilor): 

"include <stdio.h>" exploit usage 

"<%@ Page Language="C#"" inherits 

e localizarea siturilor care se bazează pe aplicaţii cunoscute ca fiind vulnerabile: 

"Powered by A-CART" 

inurl:custva.asp 

"create the Super User" "now by clicking here" 

intitle:"Index of /" modified php.exe 

inurl:"slxWeb.d1l1" 

e detectarea paginilor de administrare a sitului: 
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"admin Login" 

intitle:"Tomcat Server Administration" 

intitle:"ColdFusion Administrator Login" 

inurl:"webadmin" filetype:nsf 

allinurl:"exchange/logon.asp" 
intitle:Remote.Desktop.Web.Connection inurl:tsweb 
intitle:"ITS System Information" "log on to the SAP System" 


e găsirea unor instalari implicite ale serverului Web: 

intitle: "welcome to" intitle:internet IIS 
intitle:Test.Page.for.Apache seeing.this.instead 
intitle:"default j2ee home page" 


e căutarea fişierelor temporare (care ar putea conţine informaţii preţioase) existente 

pe un sit Web: 

site:domeniu inurl:temp | inurl:tmp | inurl:bak 

e căutarea unor mesaje de eroare generate de aplicaţii (ASP.NET, PHP si altele) în 
vederea obţinerii de informaţii privitoare la configurații, structuri de directoare, 
nume de utilizatori etc.: 

intext: "Warning: Failed opening" include path 

WASP.NET Sessicnld” “data source=" 

e localizarea unor dispozitive de rețea (camere Web, copiatoare, imprimante): 

inurl:indexFrame.shtml Axis 

intext:centreware inurl:status 

inurl:sts_index.cgi 


e căutarea de parole (desigur, parolele descoperite vor fi criptate, însă un atacator 
rabdator le poate sparge, chiar si prin forță brută, apelând la programe 
specializate): 

inurl:/db/main.mdb 

filetype:htpasswd htpasswd 

"Your password is * Remember this for later use" 

filetype:pwd service 

intitle:"index of" intext:connect.inc 

inurl:nuke filetype:sql 


e localizarea interfetelor către sistemele de baze de date: 

intitle:"oracle http server index" "Copyright * Oracle" 
inurl:main.php phpMyAdmin 

"Copyright IBM" "Welcome to Websphere" 

filetype:inc intext:mysql connect 


e descoperirea unor mesaje de eroare periculoase raportate de serverele de baze de 
date (aceste informaţii pot ajuta atacatorul să realizeze injectări de cod SQL): 

"You have an error in your SQL syntax near" 

"SOL command not properly ended" 

"supplied argument is not a valid MySQL result resource" 

Cititorii interesati de mai multe detalii referitoare la acest subiect pot vizita situl 
http://johnny.ihackstuff.com. Blocarea indexării unor informaţii sensibile se 
poate realiza prin configurarea corectă a serverului Web, folosirea fișierului 
robots.txt (vezi capitolul 2), inhibarea creării de arhive ale unor documente la nivelul 
motorului (via construcția <meta name="robots" content="noarchive" />) 
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si deazactivarea afişării de către Google a detaliilor privitoare la o pagină Web (folosiți 
<meta  name="googlebot” content="nosnippet" />). De asemenea, o 
pagină nedorită poate fi eliminată din baza de date deţinută de Google, folosindu-se adresa 
http: //services.google.com/urlconsole/controller. 


Apare întrebarea „La ce nivel trebuie luate măsuri de securitate?”. Răspunsul este că 
măsurile de siguranță trebuie luate la oricare nivel, principalele acţiuni fiind inhibarea 
ascultării mediilor de transmisie, interzicerea accesului fizic la server, instalarea zidurilor de 
protecţie (firewa//-urilor), criptarea conexiunilor, monitorizarea şi actualizarea software-ului 
(sistem de operare, server Web, server de aplicaţii, server de baze de date, biblioteci şi 
progtame aferente etc.), jurnalizarea accesului, educarea utilizatorilor şi adoptarea unor 
politici generale de securitate. 

Elaborarea politicilor de securitate vizează: 

e planificarea cerințelor de securitate (se iau în consideraţie asigurarea 
confidentialitatii, integrităţii şi disponibilitatii datelor, controlului asupra accesului 
etc.); 

e evidențierea riscurilor (se vor realiza scenarii de risc şi se vor studia soluţiile care 
pot fi aplicate în fiecare caz în parte; se va răspunde la întrebări de genul „Cine 
decide care date sunt considerate importante?”, „Cât de critice sunt datele 
identificate?”, „Datele vor fi consistente după restaurarea în urma unui incident>”, 
„Ce pierderi de date vor exista şi cum vor putea fi ele recuperate după un atac 
soldat cu succes>”, „Există un plan eficient de recuperare de după dezastrur”’, 
„Care va fi perioada în cate situl nu va fi operational?” şi altele); 

e analiza raportului cost-beneficii (trebuie evaluate costurile prevenirii incidentelor 
de securitate, ale refacerii după dezastru a sitului etc.); 

e stabilirea politicilor de securitate (se adoptă atât o politică generală, la nivel 
national ori organizational, dar şi politici separate pentru diverse domenii protejate; 
tot aici, se poate recurge la studierea si aplicarea unor standarde si reglementări ori 
recomandări). 

Măsurile luate pot fi tehnice, dar şi non-tehnice. Trebuie reținute următoarele principii: 

1. atacatorul poate alege cel mai slab punct al sistemului, responsabilitatea noastră 
fiind cea de a apăra toate aspectele sistemului; 

2. ne putem apăra doar împotriva atacurilor cunoscute, dar atacatorul poate exploata 
vulnerabilitati misterioase; 

3. persoanele rău-voitoare pot ataca oricând, vigilenta trebuind permanent păstrată; 

4. atacatorul nu tine cont de legi, reguli, recomandări ori de bunul simţ. 

Un exemplu de set de măsuri este detaliat în continuare. Se poate impune o politică de 
gestionare a contului propriu de către utilizator — de exemplu, în cadrul unui magazin 
virtual — care implică o convenţie de generare a numelui de cont (eg: conturile 
utilizatorilor obişnuiţi vor fi de forma „nume. prenume’) şi o regula de alegere si de 
schimbare a parolei (lungimea minimă a parolei trebuie să fie de 5 caractere si să includă 
simboluri speciale). De asemenea, utilizatorii pot fi clasificați pe diverse criterii, stabilindu- 
se clar ce roluri vor avea fiecare, constituindu-se eventual aşa-numitele liste de control al 
accesului — ACL (Access Control Lisà. Astfel, utilizatorii cu privilegii superioare vor putea 
realiza modificări asupra listei de produse promoţionale oferite în cadrul sitului. Pot fi 
stabilite şi o serie de regulamente de acces la si de exploatare a sitului, consimtite in 
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prealabil de către utilizatori (aşa cum se întâmplă, de pildă, la crearea unui cont de poştă 
electronică pe un sit precum Gmail). La nivel de organizaţie, politica de securitate va putea 
viza stabilirea unor reguli de monitorizare a accesului (e.g: scanarea fişierelor de jurnalizare 
la anumite intervale de timp, ştergerea conturilor utilizatorilor care nu au mai accesat in 
mod autentificat situl de cel putin N luni etc.) si a administrării copiilor de siguranță 
(stabilirea tipurilor de salvări — totale ori parţiale —, alegerea mediilor de stocare, stabilirea 
duratei păstrării şi altele). 
Riscuri amenințând 


o anumită afacere 


Transferul neautorizat de fonduri realizat de 
un atacator intern sau extern 


Pierdere financiară cauzată 
de o fraudă 


Obţinerea de acces neautorizat la informaţii 


Furtul de informaţii 
importante 


Pierderea unei oportunități 
de afacere datorată 


nefunctionarii unui serviciu 


Utilizarea neautorizată a 
resurselor 


Costuri determinate de 
nesiguranță 


Pierderea încrederii sau 
respectului publicului 
(clientelei) 


confidentiale privitoare la o tehnologie 
proprietară ori la date strategice referitoare la 
planul de marketing 


Oprirea pe o perioadă de timp prea lungă a 
serviciilor on-/ine oferite, cauzată de atacuri 
deliberate ori de accidente 


Exploatarea unor servicii pe care le-a 
dobândit atacatorul prin intermediul unui 
acces nelegitim la sistem 


Apariţia unor costuri suplimentare datorate 
procedurilor si timpului necesar reabilitării 
unui sit atacat 


Problemele (reale sau doar presupuse) de 
secutitate a sitului conduc la erodarea imaginii 
companiei 


Perspectivele economice ale riscurilor de securitate a siturilor Web 


Un alt aspect important este cel referitor la supravietuire care reprezintă capacitatea unui 
sistem de a-şi îndeplini misiunea, în timp util, în pofida atacurilor, defectelor sau 
accidentelor survenite. Dacă un atac este un eveniment potenţial distrugător provocat 
intenţionat de persoane rău-voitoare, un defect este tot un eveniment potenţial distrugător 
cauzat însă de anumite deficienţe ale sistemului sau ale unui factor de care depinde acel 
sistem (eg: defecte hardware, buguri software, erori ale utilizatorilor). Un accident 
reprezintă un eveniment neprevazut — de exemplu, un dezastru natural sau o cădere de 
tensiune. 

În mod ideal, sistemul ar trebui să-și ducă până la capăt misiunea chiar dacă unele 
componente sau parti ale acestuia sunt afectate ori scoase din uz. Sistemul trebuie măcar să 
sprijine îndeplinirea funcţiilor vitale (mission-critical, unul dintre aspectele de care trebuie să 
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se tind seamă fiind identificarea serviciilor esenţiale. De exemplu, în cazul unui sit de 
comerț electronic, vizitatorul ar trebui să aibă acces la catalogul produselor, chiar dacă 
modulul de realizare a comenzilor nu este operaţional în acel moment. Situl trebuie să fie 
rezistent la atacuri, pentru aceasta adoptându-se diverse strategii de respingere a atacurilor 
(validarea obligatorie a datelor provenite de la utilizatori, autentificarea utilizatorilor, 
utilizarea de firewall-uri, protejarea datelor importante prin criptare, acordarea privilegiilor 
minime etc.). O bună politică de securitate va lua în consideraţie şi recunoaşterea atacurilor 
şi a efectelor acestora, aplicându-se tehnici pentru restaurarea informaţiilor, limitarea 
efectelor negative, menţinerea/ restaurarea serviciilor compromise şi altele. De asemenea, 
trebuie să ne adaptam la atacuri, recurgând la strategii pentru îmbunătăţirea sanselor de 
supravieţuire, învățând şi din greşelile făcute. 

O bună practică este cea a efectuării de teste de verificare, vizându-se testarea 
capacităţii de deservire a clienţilor, testarea robustetei şi testarea în situații extreme prin 
intermediul unor scenarii descriind cum un număr de utilizatori virtuali interacționează cu 
situl Web. Există, de altfel, şi instrumente de stresare (stressing tools) a serverelor Web ori de 
simulare a unor tipuri de atacuri. Rezultatele unor astfel de teste pot da informaţii 
preţioase în ceea ce priveşte performanţa (e.g: timpul de răspuns, timpul de generare a 
conţinutului dinamic etc.), scalabilitatea (măsurându-se volumul de memorie ocupată, 
utilizarea discului, numărul de înregistrări noi apărute în bazele de date si altele), 
comportarea corectă a programelor (de exemplu, se poate detecta faptul că, din pricina 
încărcării excesive a sitului, vizitatorii nu mai pot folosi motorul de căutare internă ori 
codul XHTML al unor pagini dinamice este generat într-un mod necorespunzător). Din 
multitudinea de aplicaţii destinate monitorizării şi testării siturilor Web menţionăm awstats, 
DataRecon, SOAPtest, Webalizer şi WebKing. Recomandăm si consultarea sitului de la adresa 
http: //packetstormsecurity.com/. 

Evaluarea gradului de siguranță poate fi realizată atât în cadrul organizaţiei, cât şi prin 
implicarea unei companii externe specializate. Există mai multe metodologii de analiză a 
riscurilor, dintre care pot fi menţionată DREAD (Damage potential, Reproductibility, 
Exploitability, Affected users, Discoverability) — calculează potenţialul distrugerilor pe care le-ar 
putea cauza un atacator, gradul de apariţie si de succes al unui potential atac, efortul (timp, 
expertiză, resurse alocate etc.) care trebuie depus pentru a realiza atacul, numărul de 
utilizatori afectaţi şi probabilitatea descoperirii unei vulnerabilitati de către atacator). 
Categoriile de riscuri (ameninţări) pot fi determinate şi prin intermediul unor metodologii 
precum OCTAVE (Operationally Critical Threat, Asset, and Vulnerability Evaluation) oti 
STRIDE (Spoofing identity, Tampering with data, Repudation, Information disclosure, Denial of service, 
Elevation of privilege). 

O metodologie standardizată de testare a securității este OSSTMM (Open Source Security 
Testing Methodology Manual) — www.osstmm.org —, fiind total independentă de factori 
comerciali, industriali ori politici. Această metodologie vizează trei aspecte: securitatea 
operațională (metrică pentru determinarea gradului de securitate a operaţiilor efectuate de 
un sistem), controlul pierderilor (măsoară gradul de prevenire a pierderilor) şi cea actuală 
(starea curentă a efectivitatii măsurilor de prevenire a vulnerabilitatilor şi a detinerii 
controlului asupra sistemelor informatice). Prin prisma OSSTMM, securitatea trebuie să 
fie prezentă la nivelul telecomunicatiilor, comunicaţiilor fără fir, resurselor rețelelor, 
personalului si, nu în ultimul rând, la cel fizic. 
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Comportamentul unei persoane la descoperirea unei vulnerabilități în cadrul unei 
aplicaţii poate varia de la a nu întreprinde nimic, a informa utilizatorii ori producătorii ori a 
exploata această vulnerabilitate. Autorul programului va dori, probabil, să o remedieze sau 
să dezactiveze componenta (partea) vulnerabilă. 

Menţionăm că securitatea unei aplicaţii Web trebuie să ia în consideraţie arhitectura, 
logica, codul-sursă şi conţinutul în ansamblu. Securitatea aplicaţiei Web nu vizează în 
principal vulnerabilitatile sistemului de operare ori bug-urile unor programe auxiliare, ci se 
concentrează asupra prevenirii, descoperirii şi remedierii vulnerabilitatilor codului propriu 
(realizat de noi). De cele mai multe, vulnerabilitatile unui sit nu sunt „celebre” precum cele 
ale unor produse bine-cunoscute, cu toate că ar putea fi vulnerabil la o categorie aparte 
(precum injectarea de cod SQL). Aceasta are drept consecință faptul că nu vom recepționa 
buletine de informare privitoare la vulnerabilitatile găsite şi că nu ne putem baza pe 
repararea codului de către producătorul software-ului, din moment ce este scris de către 
noi înșine (excepţie fac aplicaţiile externe integrate în cadrul sitului nostru, precum phpBB 
oti DotNetNuke). Vulnerabilitatile detectate vor fi prezente pe orice platformă (combinaţie 
de sistem de sistem de operare, server Web, server de aplicaţii) şi vor fi independente 
deseori de securitatea sistemului pe care este exploatat situl. Aceste vulnerabilitati pot fi 
uşor exploatate de persoane rau-voitoare, deoarece firewall-urile nu filtrează mesajele 
HTTP, monitorizarea accesărilor este dificilă şi rareori realizată efectiv, atacatorii nu 
trebuie să folosească instrumente software sofisticate pentru a-şi atinge scopurile, iat — 
după cum am văzut mai sus — punctele slabe ale aplicaţiei Web pot fi facil detectate. 
Principalele tipurile de vulnerabilități sunt problemele de autentificare, managementul 
sesiunilor, injectarea de seripf-uri ori comenzi SQL şi expunerea involuntară — sau în urma 
unui concurs de împrejurări — a informaţiilor delicate (information disclosure). 

Merită menţionat faptul că numai o serie de vulnerabilitati pot fi descoperite via 
interogări asupra motoarelor de căutare, deci cu șanse mai mari de a fi remediate de către 
noi înşine. Alte vulnerabilitati pot apărea în conţinutul propriu-zis al sitului. Un atacator 
poate consulta, de exemplu, fişierul robots.txt pentru a detecta ce directoare sunt 
ascunse de „ochii” roboților de căutare. De asemenea, o persoană rău-voitoare din 
interiorul organizaţiei poate realiza scanarea fişierelor de jurnalizare sau de configurare. 
Cracker-ii pot avea acces la rapoartele de trafic Web, detectând de exemplu cele mai 
utilizate segmente ale sitului ori intervalul de timp în care situl este vizitat cel mai des. O 
sursă de informaţii o dau comentariile din codul XHTML ori JavaScript (se pot afla date 
privitoare la directoare şi nume de fişiere interesante, referințe la codul executat pe server, 
la sistemul de şabloane folosit ori la aplicaţiile instalate în sistem, la istoricul redactării 
codului, la diverse informaţii de contact etc.). Fişierele având extensii incorecte pot 
conduce la vizualizarea codului-sursă al serpr-urilor destinate a fi invocate pe partea de 
servet. 

Soluţiile la aceste probleme sunt: 

e  redenumirea fișierelor astfel încât toate să aibă extensii corespunzătoare; indicat ar 

fi ca şi documentele XHTML obişnuite să poarte extensii ale fişierelor de tip script 
(.asp, .aspx, .jsp, .php); 

e eliminarea directoarelor (incluzând cod demonstrativ ori date temporare) si 
păstrarea doar a fişierelor absolut necesare (se vor şterge fişierele de backup, cele 
temporare, arhivele cu cod etc.); 

e curățarea” comentariilor; 
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e monitorizarea cu atenţie a datelor transmise via cookie-uri sau prin intermediul 
formularelor (0 grijă specială trebuie avută în ceea ce priveşte păstrarea unor date 
ca valori ale câmpurilor de tip Azdden). 

Mai mult decât atât, un atacator poate scana pachetele de date (cereri și răspunsuri 
HTTP) în vederea utilizării ori modificării informaţiilor vehiculate prin reţea. Informaţiile 
conţinute de un URI pot persista în multe zone inaccesibile dezvoltatorului Web, dar 
preţioase pentru o persoană rau-intentionata (astfel de locuri sunt memoria cache şi lista 
adreselor favorite ale browser-ului, fişierele de jurnalizare ale proxy-ului, firewall-ului si 
servetului Web, rapoartele serviciilor de monitorizare a traficului Web). În acest sens, se 
recomandă ca datele preluate din formulare să fie transmise prin metoda POST şi nu prin 
GET. 

Un alt aspect important este cel al asigurarii securitatii serviciilor Web care necesită 
integrarea securitatii aplicatiilor la nivel de intreprindere (EAST — Enterprise Application 
Security Integration), deoarece se poate recurge la tehnologii (soluţii) de securitate multiple 
situate in zone de interes diferite (server Web, componente middleware, servere de 
aplicatii/stocare, aplicaţii convenţionale etc.). 

Trebuie remarcat faptul că riscurile de securitate nu vizează numai proprietarul sitului, 
ci si utilizatorul final. Din această perspectivă, un sit vulnerabil, nesigur, poate cauza 
disconforturi financiare (¢.g:, utilizatorul poate pierde bani ori informaţii, fiind victima unei 
fraude op-/ine realizată de un cracker), de performanţă (datorită blocării navigatorului din 
pricina unui program ActiveX malitios, acţiunile utilizatorului sunt încetinite ori făcute 
inefective, cu consecințe grave — de pildă — în cazul unei licitaţii efectuate pe Web), 
psihologice (vizitatorii pot experimenta sentimente de insatisfactie în unele situaţii), sociale 
(de exemplu, comunicarea on-/ine cu partenerii de munca ori de afaceri poate avea de 
suferit în cazul unui atac) ori de timp (navigarea devine tot mai greoaie ori vizitatorul este 
deturnat, via XSS, de la situl dorit). 

Subiectul securității aplicaţiilor Web este unul deosebit de vast, spaţiul tipografic si 
natura lucrării de fata nepermitand o prezentare mai amănunţită. Recomandăm cititorilor 
interesaţi să consulte referintele bibliografice puse la dispoziţie. 


Personalul 


Din cele menţionate mai sus, se observă faptul că procesele de proiectare, implementare, 
verificare, publicare şi menţinere a unui sit Web comportă dificultăţi. Astfel, pentru aceasta 
trebuie să se constituie o echipă de persoane având diverse specializări sau să se apeleze la 
o companie specializată. 

În cele ce urmează, vom enumera pentru fiecare etapă a dezvoltării sitului personalul 
de care avem nevoie: 


- management — coordonatorul sitului (sie editor) şi managerul de proiect (project 
manager); 


- dezvoltare — analistul sistemului informatic (system architect), coordonatorul 
departamentului de creaţie (creative lead), analistul sistemului de securitate (security 
architect), dezvoltatorul bazelor de date (database developer), dezvoltatorul 
componentelor din sistem (component developer), dezvoltatorul interfeţei cu 
utilizatorul (user-interface developer), artiştii grafici (graphic artists) şi analistul 
interacțiunilor om-masina (human-computer interaction engineer); 
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- programare — programatorii scripf-urilor pe partea de server (server-side programmers), 
programatorii scrpr-utilor pe partea de client (client-side programmers), programatorii 
codului de integrare a  datelor/componentelor (data/component integration 
programmers); 


- testare — coordonatorul echipei de testare (sesting lead), verificatorii de componente 
(component testers) şi verificatorii integrării componentelor în cadrul aplicației 
(application integration testers); 


- operații tehnice asupra serverului Web — administratorul Web (Webmaster), tehnicienii 
harware şi de rețea (barware and network technicians), administratorii de rețea (network 
administrators), operatorii responsabili cu efectuarea copiilor de siguranță (backup 
operators), administratorii sistemelor de gestiune a bazelor de date (database 
administrators), personalul de monitorizare a activităţii sistemului (prize monitors), 
personalul de monitorizare a securității (security monitors); 


- marketing — producătorii şi editorii de conţinut (content producers and editors), 
specialiștii în branding şi publicitate (branding and advertisment experts) şi personalul 
dedicat marketingului direct (direct e-marketers). 


5.3 Concluzii? 


În cadrul capitolului de faţă am discutat anumite aspecte ale proiectării siturilor Web, 
dintre care reamintim organizarea informațiilor, structurarea sitului în ansamblu, analizarea 
principalelor elemente ale sitului şi organizarea instrumentelor de navigare, adoptarea unor 
strategii de captare a atenţiei vizitatorilor şi de asigurare a consistentei informaţiilor. 

De asemenea, materialul a prezentat o serie de consideraţii legate de optimizarea 
conţinutului şi de asigurare a securității sitului Web, punând la dispoziţie diverse sfaturi 
utile. 

Suntem conştienţi că multe alte detalii nu au putut fi analizate, din diverse motive. 
Credem că unele dintre cele mai bune metode de a aprofunda cele expuse si de a le aplica 
ulterior în practică este vizitarea şi studierea a cât mai multe situri, apoi experimentarea 
designului Web prin conceperea unui număr cât mai mare de pagini care să constituie 
punctul de plecare în dezvoltarea unui sit cuprinzător. 

Nu ne mai tămâne decât să va uram succes! 


Comentarii bibliografice 


Proiectarea siturilor Web este un proces dificil, multe considerente de ordin estetic și 
tehnic fiind preluate de pe situl manualului Web Style Design — 
www. info.med.yale.edu — conceput de P. Lynch si S. Horton de la Universitatea 
Yale. Unele dintre ilustrațiile capitolului de fata au fost inspirate din acest manual. Dintre 
alte lucrări circumscrise acestui domeniu, demne de interes sunt M. Campbell, Web Design 
Garage, Prentice Hall, 2005, M. Gunderloy, Developer to Designer: GUI Design for the Busy 
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Developer, Sybex, 2005 si L. Wroblewski, Site-Seeing — A Visual Approach To Web Usability, 
Hungry Minds, 2002. 


Alte informaţii utile privind interacțiunea om-calculator se găsesc in lucrările 
A. Cooper, Proiectarea interfetelor utilizator, Editura Tehnică, Bucuresti, 1997, C. Pribeanu, 
Proiectarea interfetelor om-calculator, Matrix Rom, Bucureşti, 2001, C. Pribeanu (coord), 
Introducere în interactiunea om-calulator, Matrix Rom, Bucureşti, 2003 si, nu în ultimul rand, S$. 
Trausan-Matu, Interfatarea evoluata om-calculator, Matrix Rom, Bucureşti, 2000. 


Recomandăm, de asemenea, studierea sitului dedicat dezvoltatorilor Web RoWD 
(Romanian Web Developers) — http://www. rowd.org — şi participarea la forumul Learn 
@ Reflex — http://learn.reflex.ro. 


La nivel mondial, există numeroase situri dedicate proiectării de situri Web. O parte 
dintre acestea sunt: 


e Fixing Your Web Site — www. fixingyourwebsite. com 

e Usable Web- usableweb.com 

e Uselt—www.useit.com 

e Website Tips— www.websitetips.com 

e Web Developer’s Virtual Library — www.wdvl.com 

e Web Page Design for Designers — www.wpdfd.com/wpdres.htm 
e Web Style Guide — www. webstyleguide.com 


Pentru fundamentele teoriei culorilor, recomandăm C. Demetrescu, Culoarea — suflet si 
lumina, Editura Meridiane, Bucureşti, 1965. Alte cărți interesante sunt D. McCleland, 
Photoshop 6 for Windows Bible, IDG Books, 2000 — folositoare îndeosebi creatorilor de 
conţinut grafic in Adobe Photoshop (mulţumiri lui Manuel Subredu pentru accesul la acest 
volum) — si D. Story, Digital Photography Hacks, O’Reilly, 2004. Un articol privitor la 
tehnicile de utilizare a culorii in cadrul interfetelor grafice este disponibil la adresa 
http: //www .acm.org/crossroads/xrds3-3/color.html. 

În ceea ce priveşte credibilitatea informaţiilor pe Web, recomandăm expunerea 
M. Jalobeanu, Fiabilitatea informatiilor din Internet şi credibilitatea paginilor Web, disponibilă la 
adresa http://jalobean.itim-cj.ro/Fiabilitate-info.html. 

Alte detalii referitoare la tehnicile privind optimizarea conţinutului pentru motoarele de 
căutare pot fi găsite pe siturile www.seochat.com, www.seotoday.com şi 
www . Seobook. com. Pentru Google, se poate vizita si 
www.google.com/webmasters/seo.html. Ghiduri privind asigurarea 
accesibilității conținutului sunt disponibile pe situl IBM la http://www- 
306.ibm.com/able/guidelines/web/accessweb.html. Pentru prezentările 
Flash, pot fi urmate sfaturile utile prezentate de compania Macromedia la adresa 
www.macromedia.com/macromedia/accessibility/features/flash/. 

Informații privitoare la securitatea siturilor Web pot fi regăsite pe siturile Digital Crime — 
www.digicrime.com, FIRST (Forum of Incident Response and Security Teams) — 
www.first.org si Open Web Application Security Project — www.owasp.org. 
Recomandăm si consultarea lucrărilor A. Kolawa eż al., Bulletproofing Web Applications, M&T 
Books, 2002, J. Long, Google Hacking for Penetration Testers, Syngress Publishing, 2005 şi D. 
Acostăchioaie, Securitatea sistemelor Linux, Editura Polirom, Iasi, 2003. 
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Pe CD-ul care însoţeşte volumul de fata sunt disponibile, printre altele, si diverse alte 
informaţii privitoare la designul Web. Sunt puse la dispoziţie o serie de situri complete, 
capturi-ecran demonstrative şi exemple negative. Există stocate, de asemenea, diverse 
aplicaţii utile dezvoltării şi menţinerii de situri Web, incluzând editoare de text şi 
procesoare grafice, servere de Web si de aplicaţii (e.g: PHP, Perl, NET), validatoare, medii 
de management al conţinutului si de realizare a magazinelor virtuale si a portalurilor. Alte 
diverse utilitare sunt disponibile pe Web la adresele menţionate pe CD. 


GLOSAR DE TERMENI 


E mai usor să negi lucrurile, decât să te informezi despre ele. 
(Mariano José de Larra) 


Adresa 


În contextul Internetului, desemnează o succesiune de patru numere de forma 
a.b.c.d., numere cuprinse între 0 şi 255, care identifică un calculator conectat la rețea 
(eg: 193.231.30.225). Această adresă se numeşte adresă IP. Orice gazdă posedă măcar 
o astfel de adresă. 

Unei adrese IP i se poate asocia o adresă simbolică, mai uşor de reţinut, compusă dintr-un 
nume de calculator urmat de o succesiune de nume de domenii. Vezi si domeniu. 

Pentru Web, adresa este desemnată de un ddentificator uniform de resurse. Vezi URI, URL, 
URN şi gazdă. 


Afiş publicitar 


Regăsit si sub numele de banner, reprezintă o casetă grafică de dimensiuni standard (eg: 
468x60 pixeli sau 400x40 pixeli), statică sau animată, amplasată de cele mai multe ori la 
începutul și/sau la finalul unei pagini Web. Imaginea respectivă posedă o legătură la locaţia 
(adresa Web) a sitului pentru care face reclamă. Pentru a distribui eficient afişele 
publicitare, se recurge la o refea de bannere. 


Agendă de adrese (address book) 


Reprezintă o lista de nume de utilizatori împreună cu adresele acestora de poştă 
electronică. 


Agent-utilizator 


Clientul (navigator, editor, robot de traversare Web) care iniţiază o cerere trimisă unui 
server WWW. Vezi si navigator. 


Agent Web 


Persoană sau program software care acționează în cadrul spaţiului World-Wide Web în 
numele unei persoane, entități sau proces. 


Alias 
Reprezintă unul dintre numele alternative (simbolice) ale unei gazde având aceeaşi adresă 
IP (numerică). Un alias indică de cele mai mult ori faptul că o anumită gazdă oferă un 


serviciu de rețea specific, precum finger, FIP sau WWW (de exemplu, mașina 
thor.infoiasi.ro are drept a#as-uri www .infoiasi.ro şi ftp.infoiasi.ro). 


Ancoră 
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Arie în cadrul conţinutului unui nod cate este sursă sau destinaţie a unei legături. Ancora 
poate reprezenta întregul conţinut al unui nod dintr-un document hipertext. Tipic, făcând 
click pe o ancora sursă va fi urmată legătura ce o reprezintă. Ancorele sunt intensificate 
într-un mod anumit sau sunt reprezentate de un simbol special în cadrul documentului 
hipertext. 


Antivirus 
Program folosit pentru preveni infectarea unui sistem si a elimina viruși informatici. 


Applet 


Program Java care rulează in cadrul unui navigator, fiind lansat dintr-o pagina Web. Vezi si 
servlet. 


Ascuns 


Element al unui formular electronic care nu este afisat de navigator. Elementele ascunse 
pot fi utilizate pentru trimiterea de informatii suplimentare serverului Web. Un element 
ascuns se declară prin construcția XHTML <input type="hidden” name=”"...” 
value=”, sa” oo 


Atac 


Desemnează o serie de acțiuni rau-intentionate întreprinse de o persoană pentru a obține 
un privilegiu neautorizat sau pentru a genera un refuz al unui serviciu oferit de un sistem. 


Atribut 


O sursă de informație suplimentară despre un element (X)HTML sau XML. Valorile 
atributului pot fi fixate în cadrul definiției tipului de document (DTD) sau pot fi 
specificate prin construcția atribut = ”valoare” in zag-ul de început al unui 
element. Vezi si element. 


Avatar 


Reprezentare abstractă a unui utilizator al unei lumi virtuale tridimensionale. Dimensiunile 
fizice ale unui avatar sunt folosite pentru detectarea coliziunilor şi interacțiunii cu mediul. 


Autentificare 


Acțiunea de determinare a faptului dacă un utilizator are permisiunea să acceseze o resursă 
sau să execute o operație. Autentificarea se realizează de cele mai multe ori prin 
intermediul unei parole. 


Authoring 


Termen pentru procesul de marcare, concepere şi publicare a unui document/ prezentări 
multimedia. Există diferite sisteme specializate de editare și publicare pe Web a 
prezentărilor multimedia (de exemplu: Adobe GoLive!, Macromedia Dreamweaver, Macromedia 
Flash, Microsoft FrontPage, GRINS etc.), respectând diverse paradigme. 


Banner 
Vezi afis publicitar. 


Bit 
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Unitate atomică de stocare a datelor, luând valori în sistemul binar (0 sau 1). Un număr de 
8 biti formează un octet (bye). 


Bookmark 


Vezi semn de carte. 


Browser 


Vezi navigator. 


Bug 
Eroare de proiectare, de programare etc., existentă într-un program, introdusă de cele mai 
multe ori de către programator, frecvent în mod accidental. 


Cache 


Un depozit local de memorare a mesajelor (datelor) de răspuns şi un subsistem de control 
al acestuia. Memoria cache reduce timpul de răspuns si congestia reţelei. Orice client şi orice 
server Web pot include un cache. 


Cale (path) 


Succesiune de nume de directoare despărțite de ,,/” care desemnează calea (drumul) pana 
la un fișier; calea poate fi absolută, pornind de la directorul rădăcină „/”— de exemplu, 
/etc/httpd/ —, sau poate fi relativă la directorul (poziţia) curent(ă) — de exemplu, 
sefa af MEET: 


Caroiaj 

Manieră de organizare a informațiilor dintr-un sit Web, prin intermediul corelării mai 
multor variabile. De exemplu — o dată calendaristică si o informatie istorică într-un număr 
de categorii standard, precum „evenimente”, „cultură”, „tehnologie”. Acest termen mai 
poate fi regăsit şi sub denumirea de grild (grid). 


Câmp 

In contextul formularelor electronice, un câmp poate conţine tipuri diverse de date. 
Oricare câmp poate fi înzestrat cu o valoare implicită şi cu un nume de identificare, în 
funcţie de tip. Cel mai frecvent, un camp se defineşte în HTML prin intermediul 
marcatorilor <input>, <textarea>, <select> şi <option>. 


Cerere 


Un mesaj de cerere emis de un client, prin intermediul protocolului HTTP, a unor date de 
pe un server Web. Vezi şi protocol. 


Ciberspatiu 

Lume ,,electrica” percepută pe ecranul computerului, în opoziţie cu spaţiul „real”. Spaţiul 
cibernetic poate fi perceput global cu ajutorul unor dispozitive speciale (manusa senzorială 
şi cască de vizualizare, de exemplu), fiind modelat prin intermediul unor limbaje precum 
VRML (Virtual Reality Modeling Language) sau X3D (rescrierea VRML în termenii XML). 


Cunoscut si sub numele de realitate virtuală, extensie 3D a hipermediei. 


Client 
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Program care cere servicii de la alt program, conform unui protocol de comunicaţie. De 
exemplu, navigatorul este client al unui server Web (care poate furniza si alte servicii). Vezi 
şi navigator. 


Comentariu 

O notă cu conţinut arbitrar inclusă într-un fişier. În XML si (X)HTML comentariile pot fi 
scrise prin construcţia <!-- comentariu -->. Fisierele CSS pot include comentarii 
de forma /* comentariu */. 


Conexiune 


Un circuit virtual (la nivelul transportului de date) stabilit între două programe care doresc 
să comunice. Vezi si protocol. 


Cookie 

Obiect special conţinând anumite informaţii de stare despre un client Web. Aceste 
informaţii vor fi trimise serverului care a creat cookie-ul. Un cookie va fi stocat un anumit 
timp pe calculatorul clientului, putând fi persistent sau nepersistent. 


Corect formatat 


Un document corect formatat trebuie să aibă o declarație XML şi să conţină elemente de 
marcare imbricate şi scrise corect. Un document corect formatat poate să aibă sau nu un 
DTD ataşat. 


Copil 

În contextul marcării, se referă la un element inclus în interiorul altui element. În 
construcţia <carte><capitol /><carte> elementul „capitol” este copil al 
elementului „carte”. De asemenea, în cazul limbajului (X)HTML body este copil al 
elementului html. 


Cracker 


Individ care încearcă să obţină, având de cele mai multe ori un scop distructiv, acces 
neautorizat asupra unui sistem de calcul. A nu se confunda cu termenul Jacker. 


CSS (Cascading Style Sheets) 

Standard pentru formatarea elementelor unui document (X)HTML. Stilurile se pot atașa 
elementelor (X)HTML prin intermediul unor fişiere externe sau în cadrul documentului, 
prin elementul <style> şi/sau atributul style. CSS se poate utiliza si pentru 
formatarea elementelor XML. 


Daemon 


Un program care rulează independent, putând executa diverse activităţi şi deservind cereti 
venite din partea clienților (termenul daemon poate fi considerat similar termenului server). 


Dial-up 

Referă procesul de conectare temporară în reţea (în speţă la Internet) prin intermediul unui 
modem, folosind linia telefonică. Deoarece nu este o legătură dedicată (permanentă), linia 
telefonică se poate folosi şi în alte scopuri. 
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Document 


Un nod în cadrul anumitor sisteme sau o colecție de termeni înrudiţi. Consorţiul Web — 
organizație internaţională care redactează standarde pentru WWW -— il asimilează 
termenului pagină Web. Documentele hipertext destinate Web-ului vor fi marcate prin 
intermediul limbajului (X)HTML. Vezi şi termenii Prpertex? şi pagină. 


DOM (Document Object Model) 

O modalitate, independentă de limbaj si de platformă, de accesare a elementelor si 
atributelor dintr-un document adnotat în XML sau HTML. DOM oferă un set standard de 
obiecte şi de interfețe predefinite pentru prelucrarea documentelor XML/HTML. 


Domeniu 


Utilizat în contextul Internet pentru a referi un grup de gazde ale căror nume simbolice 
partajează acelaşi sufix — numele de domeniu. Această parte a numelui de gazdă specifică 
detalii asupra gazdei, cum ar fi localizarea si apartenenţa la o anumită organizaţie. Sufixul 
final desemnează un domeniu primat (.edu, .org etc. sau un nume de tara — .ro). 
Corespondenta dintre adresele IP ale gazdelor şi numele simbolice compuse din nume de 
domenii si nume de calculatoare se realizează prin intermediul sistemului de nume de domenii 


(DNS). Vezi şi gazdă. 


Download 


Procesul de transfer al unei resurse (fişier) de la un calculator la altul. Termenii download si 
upload nu pot fi delimitati întotdeauna clar, dar se consideră că se realizează un download 
atunci când se efectuează un transfer de la un sistem mai mare (server, sit) la un calculator 
local (client) reprezentat de un PC sau un periferic specializat. Transferul în direcţie opusă 
se denumeşte upload. 


DTD (Document Type Definition) 


Set de reguli pentru construcția unor documente valide in SGML/XML. Aplicatiile si 
instrumentele de editare a documentelor se bazează pe DTD-ul asociat unui document 
pentru a-l valida. In XML, DTD-ul este optional. 


EDI (Electronic Data Interchange) 


Transferul unor date structurate, prin mesaje standard, de la o aplicaţie de calculator la alta 
folosind mijloace electronice, cu un minim de intervenţie umană. 


Element 


Unitatea logică fundamentală a unui document adnotat în SGML/XML. Datele dintr-un 
document SGML/XML trebuie să fie marcate cu ajutorul elementelor. Un exemplu de 
element în XHTML este <body>. Vezi si document. 


Element vid 


Un element care nu posedă conţinut textual. Un element vid poate conţine atribute si apar 
fie prin construcția <vid></vid>, fie cu sintaxa modificată <vid />. De exemplu, 
<hr />. Vezi si element. 


Entitate 
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În contextul HTTP: informaţia transferată într-o operaţie de cerere sau de răspuns. O 
entitate poate cuprinde atât meta-informatii, cât şi conţinutul propriu-zis. Vezi şi cerere. 

În contextul SGML/XML: referință la o altă informaţie, funcţionând ca abreviere sau 
scurtatura. Creatorii DTD-urilor se folosesc de entități pentru a evita repetițiile de 
declaraţii de reguli. Entitatile pot fi folosite pentru a include în documente caractere 
speciale (e.g.: diacritice). 


Enterprise XML 


Termen care se referă la folosirea meta-limbajului XML în cadrul aplicaţiilor software de 
tip enterprise pentru implementarea unor servicii de comerţ electronic, acces la depozite de 
date etc. A se vedea si XML. 


E-business 


Conform IBM, afacerile pe Web (e-business) reprezintă modalitatea de acces securizat, 
flexibil si integrat pentru desfăşurarea diferitelor afaceri prin combinarea proceselor si 
sistemelor care execută operaţii de bază ale afacerii cu cele care fac posibilă găsirea 
informaţiilor pe Internet. 

Există mai multe modele de e-business: Business-to-Business (B2B), Business-to-Consumer (B2C) 
sau Business-to-Government (B2G), si mai multe categorii de afaceri pe Web, precum licitaţiile 
electronice (¢-auctions), tranzacțiile bancare electronice (e-banking), comerțul electronic (e- 
commerce), învăţământul pe Internet (e-karming) sau promovarea electronica de 
produse/servicii (e-marketing). 


E-commerce 


Una dintre cele mai importante categorii de e-business, deseori chiar confundată cu 
domeniul global al afacerilor pe Web, reprezintă vânzarea si comercializarea de bunuri si 
servicii prin intermediul tehnologiilor Internet. Ca modele de afaceri, se pot enumera: 
magazinul electronic (e-shop), magazinul electronic universal (e-mall), aprovizionarea 
electronica (e-procurement) sau brokerajul de informaţii. 


E-government 


Termen referitor la oferirea pe cale electronică, in special via Internet, a serviciilor 
guvernamentale locale. 


E-mail 

Mesaj electronic (care eventual poate avea ataşate fişiere) transmis prin reţea. Uzual, 
expeditorul si destinatarul sunt identificaţi printr-o adresă unică — adresa de e-mail — de 
forma utilizator@gazda (ie dragostadt.ro). 

E-text 

Carte electronica formatata in SGML sau XML. 


Eveniment 


Actiuni care pot surveni in cadrul paginilor Web, in mod uzual in urma unor operatiuni 
executate de utilizator sau de navigator. 


Expunere 
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Termen desemnând afişarea unui afiș publicitar (banner) într-o pagină Web. În funcţie de 
reţeaua publicitară, o expunere poate fi egală, de exemplu, cu 1-14 afişări de pagină (page 
views). Regăsit şi sub denumirea de impresie (impression). Vezi şi afis publicitar. 


Extranet 

Furnizează diferite niveluri de accesibilitate a informaţiilor din afara unei organizații, 
utilizat pentru schimbul de date între două sau mai multe companii prin intermediul 
tehnologiilor Internet. Identitatea utilizatorului poate determina care părți din extranet 
sunt vizibile acestuia. Vezi si intranet. 


FAQ (Frequently Asked Questions) 


Document conținând răspunsuri la cele mai frecvente întrebări asupra unui subiect 
particular. Orice aplicaţie importantă, grup de interes sau sit semnificativ posedă cel puţin 
un astfel de fişier. 


Filtru 

În contextul graficii computerizate, reprezintă un program care realizează prelucrări 
specifice asupra unei imagini, modificându-i anumite proprietăţi. Un filtru poate corecta 
sau elimina culori, deforma o imagine, aplica un efect special etc. Majoritatea aplicaţiilor de 
prelucrare grafică (e.g.: Adobe Photoshop, GIMP, IrfanView etc.) oferă diverse filtre. 


Firewall 

Sistem care separă o reţea protejată (securizată) de una neprotejată, aceasta din urmă fiind 
în majoritatea cazurilor Internet-ul. Un dispozitiv firewall monitorizează şi filtrează întreg 
traficul dintre cele două reţele, conform unei politici predefinite de control al accesului. 
Această politică defineşte de obicei ce servicii ale unui sistem sau ale unei reţele pot fi 
accesate din afara acestora. 


Fişier (file) 

Secventa de octeți care servesc unui scop comun. Posedă diverse atribute, dintre care cele 
mai importante sunt numele, tipul, lungimea, permisiunile de acces asociate şi proprietarul. 
Fişierele sunt organizate în directoare. 


Free software 

Termen care se referă la un program care poate fi copiat, distribuit sau modificat fără 
restricţii de oricine, aceasta implicând că trebuie să fie disponibil şi codul-sursă al acestuia 
(open-source). Susţinătorul acestui concept este Richard Stallman, iar organizația devotată 
mişcării software-ului liber este Free Software Foundation, în cadrul căreia s-a iniţiat proiectul 
GNU (GNU is Not Unix). 


Freeware 


Desemnează un program, deseori scris de entuziaşti, disponibil pe Internet sau pe orice alt 
mediu electronic, utilizatorul fiind liber să-l folosească fără plata. A nu se confunda cu 
shareware sau free software (software liber). 


FTP (File Transfer Protocol) 


Protocol standard folosit pentru transferul de fisiere in Internet. Orice sistem de operare 
oferă programul-client (denumit chiar ftp) pentru a ne putea contecta la un server FTP. 
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Accesul la un server FTP se poate realiza autorizat (prin nume de utilizator si parolă) sau 
în mod anonim — facilitate oferită pentru a avea acces public (si anonim) la date, software 
sau alte resurse (ca exemple de situri FTP permiţând acces anonim putem da 
ftp. ibm. com sau ftp.iasi.roedu.net). 


Gateway 
Vezi poartă. 


Gazdă 


Referă un calculator al unei rețele, identificat printr-o adresă. O adresă Internet poate fi 
dată printr-o succesiune de patru valori numerice despărțite de punct 
(193.231.30.197) sau folosind denumiti simbolice (students.infoiasi.ro). 


Generator 


Program folosit la generarea de pagini Web sau de lumi virtuale tridimensionale. Un 
generator poate opera în mod automat sau poate fi utilizat de un designer/programator. 
Sinonim cu termenul authoring tool. Vezi şi authoring. 


GIF (Graphics Interchange Format) 


Format de tip raster creat de CompuServe în 1987 pentru schimbul rapid de conținut 
grafic între calculatoare interconectate prin modem. Ulterior a fost folosit în tot mai mare 
măsură pentru stocarea pe Web de imagini statice sau animații simple. Suportă maxim 256 
de culori, conținutul grafic fiind comprimat fără pierderi, utilizându-se o paletă de culori 
indexată. De asemenea, oferă suport pentru transparență. 


Groupware 


Colecţie de tehnologii care permit reprezentarea unor procese complexe vizând activități 
umane colaborative. Utilizează tehnici de management al documentelor multimedia, de 
control al fluxului de sarcini (workflow), de mesagerie electronică, de tele-conferinte si de 
realizare a planificărilor (scheduling). 


Hacker 

Entuziast al (ştiinţei) calculatoarelor care isi găseşte satisfacția în descoperirea diverselor 
secrete ale sistemelor de calcul sau căilor prin care poate să ocolească diverse restricții 
(parole, sisteme de securitate etc.). Atunci cand este distructiv se numeşte cracker. 
Hipermedia 

Hipertext multimedia. Termenii :permedia şi hipertext tind să fie consideraţi similari. Media 
include text, grafică, sunet, video, animaţie etc. 


Hipertext 
Text într-o formă non-lineară. 


Host 
Vezi gazdă. 
HTML (Hyper ext Markup Language) 
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Lingua franca a spaţiului WWW, aplicaţie majoră a SGML (Standard Generalized Markup 
Language). Nu oferă suport pentru realizarea de prezentări hipermedia veritabile, iar in 
viitor va fi înlocuit de limbajului XHTML bazat pe familia de limbaje XML. 


HTTP (AyperText Transfer Protocol) 


Protocol sigur (fiabil) orientat-conexiune care guvernează comunicatiile dintre clienţii si 
serverele Web, bazat pe TCP/IP. 


Identificator de fragment 
Parte a unui URI care permite identificarea unei resurse secundare. 


Index 


În contextul hipertextului, facilitate oferind pointeri către date particulare ca funcţie a unei 
interogări; tabelă a conţinutului unei cărți în formă de hipertext. 

În căutarea pe Web, catalog de documente creat de un motor de căutare (denumit şi 
catalog). Termenul se utilizează uneori pentru a specifica un motor de căutare. 


Interfaţă cu utilizatorul (user interface) 


Acea parte a unui program de calculator care mijloceşte interacțiunea dintre utilizator şi 
maşină. Poate fi textuală sau grafică. 


Intermediar 
Vezi proxy. 


Internet 


Reţea globală, compusă din alte reţele cu ajutorul căreia calculatoarele pot comunica prin 
? is i ci 2 eae a &, Pew E 
intermediul unei suite de protocoale denumită TCP/IP. Fiecare reţea e alcătuită din 

diverse computere interconectate prin diverse modalități. 


Interpretor de comenzi (shell) 


Reprezintă un program capabil de a executa comenzi (acţiuni) introduse de utilizator si de 
a controla modul de afişare (prezentare) a rezultatelor acestor comenzi. 


Intranet 


Parte a Internetului sau parte a Web-ului utilizată exclusiv în cadrul unei organizaţii sau 
companii. Vezi si extranet. 


Invalid 


Atribut referitor la un document SGML/XML cate nu respectă regulile de marcare şi 
DTD-ul asociat ori schema XML asociată (dacă există). Vezi şi document. 


IRC (Internet Relay Chat) 


Sistem Internet, compus dintr-o pleiadă de servere si clienţi IRC, prin care se poate discuta 
cu alte persoane în timp real. Modul de comunicare poate fi preponderent text, organizat 
pe canale tematice, oferindu-se şi posibilitatea de a realiza transfer de fişiere. Un popular 
client IRC — destinat calculatoarelor personale — este mIRC, rulând sub Windows. Suita 
Mozilla include şi un clent IRC simplu. 
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ISP (Internet Service Provider) 


Reprezintă un furnizor de servicii Internet oferind acces la Internet prin diferite mijloace 
tehnice (dial-up, satelit, reţele radio, cablu TV, ISDN etc.). 


Java 

Limbaj de programare orientat-obiect, inspirat din C şi C++ şi creat de James Gostling de 
la Sun Microsystems, proiectat initial cu scopul de a fi portabil si de a fi utilizat in 
dispozitive de larg consum, miniaturizate. Aplicațiile Java de mici dimensiuni, numite 
apblet-uti, pot fi rulate de navigatoarele Web pe calculatorul-client al utilizatorului. O 
aplicaţie Java rulând în cadrul unui server va fi numită servlet. 


JavaScript 

Limbaj de tip sept dezvoltat initial de compania Netscape pentru prelucrarea 
documentelor HTML, oferind dinamism paginilor Web şi permiţând execuţia de cod la 
aparitia unor evenimente. O variantă diferită de JavaScript este cea oferită pentru Internet 


Explorer, numită JScript O standardizare a limbajului JavaScript este oferită de 
ECMAScript. 


JPEG (Joint Photographic Experts Group) 

Format standard pentru publicarea pe Web a imaginilor (in special a fotografiilor sau a 
altor ilustraţii cu tonuti continue de culoare), suportând o marjă mare de culori (TrueColor). 
Formatul JPEG este un format raster cu compresie cu pierderi, oferind posibilitatea 
afişării progresive a imaginii pe măsură ce se încarcă (tehnica intreteserii), ca şi formatul 
GIF. 


Legătură 

Relaţia dintre două resurse, stocate în acelaşi document hipertext sau în documente 
hipertext diferite, in care o reprezentare a unei resurse referă la cealaltă resursă prin 
intermediul unui URI. 


Linux 


Vezi UNIX. 


Lume virtuală 

Colecţie de unul sau mai multe fişiere VRML, la care se adaugă alte fişiere multimedia 
prezentând o experienţă interactivă pentru un utilizator. O lume virtuală este de cele mai 
multe ori interpretată de un navigator VRML. Vezi si ciberspațiu. 


Marcaj 

Informaţie structurală stocată într-un document. În mod tradiţional, informaţia structurală 
este separată de conţinutul propriu-zis al documentelor şi izolată în cadrul elementelor 
(definită in /ag-uri) şi entităților. 


Marcator 


Construcţie sintactică, desemnând un element (X)HTML sau XML, menită a-l identifica 
fata de conţinutul textual al acestuia. Regăsit si ca 7ag, un marcator defineşte modul de 
inserare a unui marcaj la începutul unui element (prin intermediul unui ‘ag de începu) şi unul 
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la sfârşitul lui (numit zag de sfârși). Ambele zag-uri poartă numele asignat elementului. De 
exemplu, <p> este /ag-ul de început, iar </p> este /ag-ul de sfârşit al elementului p 
referind un paragraf în XHTML. 


Maşină (machine) 


Exptimare echivalentă cu termenii de calculator, gazdă sau sistem. In contextul căutării pe 
Web, termenul este folosit pentru a desemna motorul de căutare. 


Mesaj 


Unitatea de comunicare între doi agenţi (de exemplu, între un navigator şi un server Web). 
A se vedea si HTTP. 


Meta-dată 


Dată referitoare la o anumită dată (resursă) disponibilă pe Web, incluzând — fără a fi 
limitată doar la acestea — informaţii despre autorul, drepturile de autor, proprietarul, 
termenii de distribuţie ai datei respective. O meta-data reprezintă o resursă oferind 
informaţii privitoare la altă resursă. Meta-data reprezintă o construcţie structurală 
fundamentală a Web-ului semantic. Tehnologiile utilizate pentru asocierea de meta-date 
includ limbajele XML, RDF, OWL sau DCMI. 


Meta-limbaj 

Este un limbaj destinat creării sau descrierii de alte limbaje. În contextul Web-ului, XML 
reprezintă un meta-limbaj care permite conceperea de limbaje de marcare utilizate în 
variate domenii si scopuri. Vezi şi termenii marcaj şi XML. 


MIDI (Musical Instrumental Digital Interface) 


Reprezintă o specificaţie hardware si un protocol audio pentru comunicaţii între 
calculatoare, instrumente muzicale şi sintetizatoare. Fișierele MIDI sunt utilizate frecvent 
pentru a transfera informaţie muzicală într-o formă compactă, codificându-se numai 
notele. 


MIME (Multipurpose Internet Mail Extension) 


Standard utilizat pentru specificarea de tipuri de fişere utilizate de aplicaţiile Internet. 
Fiecare fişier vehiculat în Internet aparţine unui tip şi subtip MIME (eg: text/plain, 
image/png, application/executable). 


Mirror 
Vezi oglindire. 


Modem 


Termen provenind de la MOdulator/DE Modulator, desemnând un dispozitiv folosit la 
codificarea si decodificarea datelor digitale (provenind de la calculator) în date analogice 
(semnale audio) în vederea folosirii unei linii telefonice pentru comunicarea dintre 
computere. Viteza de transmisie a datelor se măsoară în baud. Un modem poate comprima 
informaţiile vehiculate sau poate implementa algoritmi de corecție a erorilor survenite în 
transmisie. Modemurile pot fi interne sau externe unui calculator, putând funcţiona si ca 
faxuri. 
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Motor de căutare 

Aplicaţie software care caută într-un index după o cerere de interogare dată de utilizator şi 
returnează locaţiile documentelor găsite. Se regăseşte si sub denumirile de search engine sau 
index. Nu trebuie confundat cu roboții Web. 


MPEG (Moving Pictures Experts Group) 
Format standard pentru stocarea (in manieră comprimata, asemănătoare formatului JPEG) 
a conţinutului video, oferind o rezoluție de 352x240 pixeli, 30 de cadre pe secundă şi sunet 


la calitate CD. De asemenea, este utilizat pentru a memora conţinut audio, fără video, prin 
popularul format MP3 — MPEG audio layer 3. 


Multimedia 

Tip de conţinut compus din componente statice (text, imagini statice) şi dinamice (audio 
animații, video). Documentele multimedia care au gdturi cu alte (fragmente de) 
documente se numesc documente /ipermedia. Procesul de editare (realizare) a unui 
document multimedia se numeşte authoring. Vezi şi termenii hipertext şi hipermedia. 


Navigare 

Procesul de mutare dintr-un nod în alt nod prin hipertext, în mod normal prin intermediul 
legăturilor. Navigatorul poate facilita acest lucru menţinând o listă cu cele mai recente 
legături urmate (/isfor)) etc. 


Navigator (program de navigare) 

Program care permite unei persoane să citească si să parcurgă hipertextul, vizualizând 
conţinutul nodurilor şi navigând din nod în nod (termenul navigator se regăseşte si ca agent- 
utilizator, browser, client Web). 

Navigatoarele cele mai cunoscute sunt Mozi/a Firefox, Internet Explorer, Opera, Amaya, 
Nautilus, Konqueror (toate operand in mod grafic), Lynx si Links (rulând în mod text), in 
general fiind disponibile pentru mai multe platforme (software si hardware). 


Negociere 
Mecanism de selectare a reprezentarii potrivite a unei date solicitate. Vezi si HTTP. 


Nod 


În teoria hipertextului, reprezintă unitatea de informatie, numit si frame (cadru) sau card 
(fişă). Nodul poate fi asimilat si cu termenul de document, fiind adresat in Internet prin 
intermediul unui ‘dentificator uniform de resursă — URI (Uniform Resource Identifier). 

A nu se confunda cu gazdă (nod) de reţea care se identifică printr-o adresă Internet. Vezi 
adresă şi gazdă. 

Oglindire 

Proces de replicare a continutului unui sit Web sau FTP din ratiuni de descongestionare a 


traficului de reţea sau de navigare locală. Fiecare replică a unui sit specific se regăseşte sub 
denumirea de mirror (sit oglindd). 


Open-source 
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Termen referitor la programe de calculator fără restricții de distribuţie. Programele open- 
source pot fi utilizate conform cu termenii unor licenţe speciale, cum ar fi GPL (GNU 
General Public License), cate garantează libertatea de a exploata si distribui programele, fără a 
avea însă dreptul de a restrânge accesul altor persoane la acestea. Termenul este echivalent 
şi cu software free. 


Pagină (page) 

Denumită şi document sau Web page, reprezintă oricare document disponibil în spațiul 
WWW, putând conţine text, imagini, alte informaţii multimedia şi legături spre alte pagini 
Web. O pagină poate fi văzută drept componentă a structurii hipertext prezente pe Web. 
Vezi si termenii hipertext, legătură şi HTML. 


Pixel 

Provine de la picture element, reprezentând cel mai mic element utilizat să compună o 
imagine. Lăţimea şi înălțimea, în pixeli, formează rezoluția imaginii. Numărul maxim de 
culori pe care le poate lua un pixel reprezintă adâncimea de culoare. 


Platformă 


Initial, termen referitor la o anumită configuraţie hardware specifică (¢.g.: tip de procesor, 
arhitectură de reţea). Ulterior s-a extins pentru a desemna o combinaţie specifică de 
hardware şi software (tip sau versiune de sistem de operare — Linux, MacOS, Windows, 
OS/2 — şi/sau compilator ori limbaj de programare — GNU C/C++, Visual C++, Perl, 
Java etc.). 


Plug-in 

Program-extensie care nu rulează de sine stătător, ci doar apelat din altul, cu scopul de a 
adăuga noi capabilități programului apelant. De exemplu, navigatoarele Web se folosesc de 
plug-in-ati pentru a oferi utilizatorilor posibilități de vizualizare a unor tipuri de fişiere 
(grafice, audio sau lumi virtuale) ori pentru a pune la dispoziţie funcționalități 
suplimentare. Nu numai navigatoarele Web implementează conceptul de p/ug-in, ci şi alte 
aplicaţii (¢.g.: Adobe Photoshop, GIMP, Total Commander, Winamp etc.). 


PNG (Portable Network Graphics) 


Format grafic standardizat de tip raster, folosit pe Web, combinand cele mai bune 
caracteristici ale formatelor GIF si JPEG. Navigatoarele moderne oferă suport pentru 
afişarea imaginilor in format PNG. Spre deosebire de GIF, numărul de culori nu este 
limitat la 256. Compresia continutului grafic este realizata fara pierderi, din acest punct de 
vedere fiind superior formatului JPEG. 


Poarta 


Un server care lucrează ca intermediar pentru alte servere, in mod transparent, fiind şi un 
translator de protocoale. Termen regăsit si sub denumirea gateway. 


Penetrare (spargere) 

Acţiunea de descoperire a unei vulnerabilitati si exploatarea acesteia, având ca urmare 
accesul neautorizat la un sistem (calculator, aplicaţie, sit etc.). Sinonim cu termenul cracking. 
Vezi si cracker. 
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Profil 


Colecţie de criterii de funcționalități care definesc un subset implementabil al unui 
standard. 


Program de navigare 
Vezi navigator. 


Protecție 

Prevenirea citirii, scrierii, manipulării unor date de către utilizatorii neautorizati. Numită si 
„autentificare” oti „controlul accesului”. Pentru Web, protecția se realizează, printre altele, 
prin adoptarea unor protocoale de autentificare precum S-HTTP (Secure HTTP) sau SSL 
(Secure Socket Layer) oti prin securizarea serverelor. 


Protocol 


Multime de reguli pentru transmiterea datelor în cadrul rețelelor de calculatoare. 
Protocoalele se structurează pe niveluri, aplicaţiile folosindu-se de protocoale de pe nivelul 
superior. 

În Internet, se utilizează suita de protocoale TCP/IP (Transmission Control Protocol/ Internet 
Protocol). Protocoalele bazate pe TCP/IP la nivelul aplicaţie sunt: HTTP (HyperText Transfer 
Protocol) — utilizat pentru transferul de informaţii hipertext, FTP (Fi Transfer Protocol) — 
folosit pentru transferul de fişiere prin Internet, TELNET — utilizat la conectarea la 
distanţă prin intermediul unui terminal virtual etc. 


Proxy (intermediar) 

Un program intermediar care rulează atât pe post de server, cât si de client pentru a 
transmite cereri altor servere. Cererile trimise unui proxy pot fi rezolvate intern sau 
transmise mai departe, către alte servere (posibil translatate). 


Un proxy Web trebuie să implementeze cerințele de server si de client ale specificatiei 
HTTP. 


Raster 


Termen referitor la grafică, desemnând o imagine al cărei conţinut este dispus într-o 
matrice de linii si coloane ale cărei elemente sunt pixeli. Vezi şi termenii pixel si vectorial. 


Rădăcină 

In SGML/XML reprezintă primul element al unui document. Un element rădăcină nu 
P 

poate fi conținut de nici un alt element şi formează baza arborelui creat prin procesarea 


elementelor pe care le conţine. În cadrul documentelor Web, elementul rădăcină este 
<html>. 


Raspuns 
Un mesaj de raspuns HTTP din partea unui server furnizat clientului care a formulat o 
cerere. 


RDF (Resource Desctiption Framework) 


Un cadru de descriere şi de construcţie a unor limbaje logice care definesc semantica 
resurselor disponibile pe Web, cu scopul de a constitui Web-u/ semantic (acesta este noul 
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nivel de dezvoltare a spaţiului WWW, conform previziunilor lui Sir Tim Berners-Lee — 
creatorul Web-ului). 


Realitate virtuală 

Simulare generată de calculator a unui mediu tridimensional în care utilizatorul este capabil 
să vizualizeze şi să manipuleze, în mod interactiv, conţinutul acestui mediu. Vezi si 
ciberspatin. 


Reprezentare 
Desemnează informaţiile care codifică starea unei resurse. 


Resursă 


Un obiect de date sau serviciu care poate fi identificat de un URI. Resursele pot avea 
reprezentări multiple (formate, mărimi, rezoluţii etc.). In cazul Web-ului, o pagina 
(document) Web reprezintă o resursă. Vezi si nod. 


Reţea de afişe publicitare 

Distribuitor de publicitate on-/ime asigurând software-ul necesar rulării şi monitorizării 
reclamelor (în format banner) în mai multe situri, la schimb sau contra cost. Siturile sunt 
legate la un server de publicitate care realizează afişarea banner-elor prin rotaţie, conform 
unor indicatori prestabiliti (trafic, perioade de timp, domenii și/sau număr de 
expuneri /accesări ale legăturilor). Vezi şi afis publicitar. 


Roboti Web 


Reprezintă programe care traversează în mod automat structura hipertext a spaţiului 
WWW, în scopuri de extragere a informaţiilor, folosind protocoalele Web standard 
(HTTP). Se regăsesc şi sub numele de păianjeni (spiders). Vezi şi motor de căutare. 


SAX (Simple API for XML) 


Interfaţă de programare permiţând dezvoltătorilor de aplicaţii să analizeze documentele 
XML. Spre deosebire de DOM, SAX nu necesită încărcarea întregului fişier în memorie. 
Analiza XML este condusă de evenimente, în manieră incrementala. 


Schemă 

Specificatie formală a numelor, modului de apariție si tipului de elemente şi atribute care 
pot compune un document XML, folosind sintaxa limbajului XML. Functionalitatea 
schemelor este echivalentă cu cea a DTD-urilor, dar schemele XML oferă facilităţi în plus. 


Script 

Un limbaj de tip script este destinat să prelucreze, să automatizeze şi să integreze facilitățile 
oferite de un anumit sistem, în cazul WWW cele oferite de un navigator Web. În cadrul 
documentelor (X)HTML pot fi inserate scurte programe scrise în limbaje de tip script (ca 
JavaScript sau VBSonpb, cu scopul de a oferi conţinut dinamic paginilor WWW. 

Un document (X)HTML care include si programe script se mai numeşte si document 
HTML dinamic (DHTML — Dynamic HTML). 


Semn de carte 
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Regăsit sub denumirea bookmark, reprezintă adresa unui sit Web vizitat repetat de către 
utilizator. Aceste semne de carte sunt grupate într-un fişier bookmarks .html (cazul 
navigatoarelor Netscape, Mozilla şi Firefox) sau în fişiere speciale de tip URL (denumite 
de Microsoft Internet shortcuts). Vezi şi termenii navigator şi URL. 


Server 


O aplicaţie care acceptă conexiuni, răspunzând la anumite cereri transmise de clienţi, 
oferind astfel diverse servicii. Un program poate juca rol atât de server, cât şi de client. 
Într-un sistem hipertext, un server va oferi informaţii hipertext unui client. Cele mai 
cunoscute servere Web, rulând pe diverse platforme, sunt Apache, Microsoft Internet 
Information Server, Netscape Enterprise Server, Sun Web Server, Stronghold, Jigsaw. Calculatorul sau 
grupul de calculatoare pe care rulează un server Web si care găzduieşte o serie de pagini 
WWW înrudite, ale unei companii, organizaţii sau persoane, se mai numește si sZ. 


Serviciu Web 


Permite ca elemente programabile să fie plasate pe siturile Web, functionalitatile acestor 
programe putând fi accesate independent de platformă, în manieră distribuită şi directă, 
pentru orice număr potenţial de sisteme independente, prin folosirea unor standarde 
precum XML şi HTTP. Vezi SOAP şi WSDL. 


Servlet 


Desemneaza un program Java invocat de serverul Web pentru a realiza anumite operatii al 
căror rezultate vor fi trimise unui client Web. Spre deosebire de un app/e, servlet-ul rulează 
exclusiv pe server. O specificaţie de invocare a serviet-urilor direct din paginile Web este 
JSP (Java Server Pages). 


SGML (Standard Generalized Markup Language) 


Standard si meta-limbaj pentru adnotarea documentelor electronice, parintele unor limbaje 
precum HTML si XML. SGML ofera un set complex de reguli pentru definirea structurii 
documentelor, avand o serie de aplicatii de succes dintre care se pot mentiona HTML, 
OpenTAG, TEI, HyTime etc. În prezent, locul meta-limbajului SGML este luat de mai 
simplul, dar flexibilul XML. 


Shareware 


Desemnează o versiune completă sau parțială a unui program disponibil pe Internet care 
poate fi încercată înainte de a o plăti (la un pret destul de mic). După plată, autorul poate 
să mai trimită programe adiționale pentru a face versiunea shareware complet funcțională 
sau poate expedia o serie dintre versiunile ulterioare ale acelui program. 


Sistem de operare (operating system) 

Componenta software indispensabilă, cu rol de interfață între utilizator şi 
echipamentele/aplicatiile software care rulează pe calculator. Realizează managementul 
resurselor fizice (procesor, memorie, dispozitive de stocare etc.) şi logice (fişiere, procese, 
utilizatori) ale sistemului de calcul. 


Sit 
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Colecţie de pagini Web înrudite ale unei companii, organizaţii sau persoane, orientată către 
anumite informaţii sau scopuri comune. Un server Web poate găzdui mai multe situri 
Web. Vezi şi server. 


SMIL (Synchronized Multimedia Integration Language) 


Limbaj de realizare a prezentarilor sincronizate multimedia pe Web, bazat pe XML. A 
inspirat extensiile XHTML+TIME pentru suport multimedia sincronizat în cadrul 
documentelor Web, extensii implementate în cadrul navigatorului Internet Explorer. 


SOAP (Simple Object Access Protocol) 


Protocol care furnizează aplicaţiilor o modalitate de a comunica una cu cealaltă peste 
Internet într-un mod independent de platformă. Construit peste XML, permite schimbul 
de tipuri de informaţii structurate pe Web, folosind şi protocolul HTTP. 


Spam 

Activitatea de expediere a aceluiași mesaj (deseori promoţional sau având conţinut 
îndoielnic) la diverse grupuri de ştiri, liste de discuţii, utilizatori ai unei organizaţii etc. 
Structură semantică 


Relaţia dintre conţinutul unui document hipertext şi structura lui. 


Tag 


Vezi marcator. 
TCP/IP (Transmission Control Protocol/Internet Protocol) 


Setul de protocoale de retea (sau reguli de transport al datelor) pe cate se bazeaza Internet- 
ul. Vezi si protocol. 


Topologie 
In contextul hipertextului, reprezintă toate conexiunile disponibile între noduri, ancore si 
legături, de exemplu 7 /4 7 sau 7 a mai multe etc. 


Transfer 
Vezi termenul download. 


Trasare 

Găsirea automata a nodurilor pentru navigare: găsirea tuturor nodurilor depinzând de un 
anumit nod, toate persoanele interesate de un nod dat, drumul minim de la un nod la alt 
nod etc. 

Tunel 

Un program intermediar funcţionând ca mijlocitor între două conexiuni. 


UDDI (Universal Description, Discovery, and Integration) 


Un set de protocoale si un catalog public pentru înregistrarea şi regăsirea în timp real a 
serviciilor Web şi a altor procese de afaceri. Vezi si termenii serviciu Web sau WSDL. 


Unicode 
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Standard pentru codificarea internaţională a caracterelor, extensie a codului ASCII, fiecare 
caracter fiind codificat pe 16 biţi. 


UNIX 


Sistem de operare interactiv apărut în anul 1968, leagănul protocoalelor de comunicaţie in 
reţea şi a celor mai multe dintre conceptele teoriei şi practicii sistemelor de operare. 
Părinţii sistemului UNIX sunt considerați Ken Thompson şi Dennis Ritchie (acesta din 
urmă este co-inventatorul limbajului C, împreună cu Brian Kernigham). De-a lungul 
anilor, sistemul a suferit mutații importante şi s-a diversificat in diverse subtipuri — 
denumite „implementări” sau „arome” (flavours) precum AIX, BSD, HPUX, Linux, System 
V sau Xenix. Este utilizat de cei mai multi dintre furnizorii de servicii Internet si în mediul 
academic. Una dintre aromele de succes este Linux, conceput de Linus Torvalds, fiind 
disponibil gratuit pe Internet, din 1991. Linux se găsește în plină dezvoltare și este 
disponibil în mai multe ,,distributii” dintre care se pot enumera Fedora Core, Mandrake, 
SuSE, Knoppix ori Slackware. 


Upload 
Vezi termenii download si transfer. 


URI (Uniform Resource Identifier) 


Identificator uniform de resurse, folosit in general pentru adresarea resurselor Internet. 
Multimea URI este compusă din subseturile de identificatori URN si URL. 


URL (Uniform Resource Locator) 


Subset URI identificând resursele printr-o reprezentare a mecanismului de accesare a lor 
(eg: localizarea rețelei). Un exemplu: http: //www.infoiasi.ro/. 


URN (Uniform Resource Name) 


Subset URI care rămâne permanent şi unic, chiar dacă resursa a dispărut ori a devenit 
inaccesibilă. Un URN este independent de localizarea resursei. Drept exemplu se poate da 
urn:mozilla:package:communicator. 


Utilizator (user) 


Reprezinta o entitate care poate executa programe, avea acces la date sau detine fisiere. 
Accesul la resursele unui sistem (e.g: sistem de operare, sit de comerț electronic etc.) se 
realizează prin intermediul utilizatorilor înregistrați (autentificati), în funcţie de drepturile 
atribuite acestora. 


Valid 

Un document este considerat valid dacă se conformează unei definiţii a tipului de 
document (DTD) şi respectă toate regulile sintactice (este corect formatat). Toate 
elementele, atributele, entităţile trebuie să fie declarate în DTD şi toate tipurile de date 
trebuie să fie corecte. Vezi şi document sau corect formatat. 


Vectorial 


Atribut al unui format grafic, referindu-se la faptul că imaginea reprezentată este 
constituită dintr-o mulțime de forme de bază (primitive) — e.g: linii, patrulatere, elipse — 
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care pot fi grupate, în opoziţie cu formatul raster (bitmap). Fiecare element al imaginii poate 
fi ulterior modificat în manieră independentă. 


Vulnerabilitate 


O slăbiciune a unui sistem hardware (e.g: calculator, echipament) sau software (sistem de 
operare, server Web, aplicaţie etc.) care permite utilizatorilor neautorizati să obțină acces 
asupra sa. 


VRML (Virtual Reality Modeling Language) 


Limbaj utilizat la conceperea unui univers tridimensional virtual. Limbajul are mai multe 
versiuni: VRML 1.0 — apărută în 1995, VRML 2.0 — publicată in 1996 si VRML97 — 
disponibilă din 1997, fiind foarte asemănătoare cu precedenta. Actualmente, VRML este 
rescris în termenii XML, noua specificaţie purtând numele X3D. Pentru vizualizarea 
lumilor modelate in VRML, se recurge la un navigatot/plug-in VRML, ie. Cortona, 
CosmoPlayer sau WorldView. 


WAP (Wireless Application Protocol) 


O specificaţie securizată permiţând utilizatorilor să acceseze informaţii de pe Internet prin 
intermediul unor dispozitive fara fir cum ar fi telefoanele mobile, pager-ele, Pocket PC-uri, 
telefoanele inteligente etc. Datele vehiculate sunt marcate folosind WML (Wireless Markup 
Language), un fel de HTML restrâns. 


Web 


Pânză de păianjen, mulţime de noduri interconectate prin legături, respectând teoria 
hipertextului. De obicei desemnează mulțimea tuturor nodurilor interconectate din lume. 
Este denumită si WWW (World-Wide Web), in continuă dezvoltare si înglobând noi 
tehnologii. Reglementările privitoare la Web sunt redactate şi propuse spre implementare 
de Consortinl Web, organizaţie internaţională compusă din instituţii academice, companii 
comerciale şi persoane particulare. 


Web semantic 


Extensie, văzută ca versiune secundă, a Web-ului curent. Conceptul şi termenul au fost 
introduse de Sir Tim Berners-Lee, creatorul Web-ului. Ideea principală a ceea ce se doreşte 
a fi Web-ul semantic este realizarea activităţilor specifice efectuate de oameni pe Web de 
către calculatoare, pe baza reprezentării într-o formă procesabilă de către maşină a 
informaţiilor. Web-ul semantic are o arhitectură stratificată, în prezent cercetările 
concentrându-se asupra nivelului de meta-date si a celui logic. Tehnologiile Web-ului 
semantic se bazează pe limbaje standardizate de Consorţiul Web, precum XML, RDF şi 
OWL. 


WSDL (Web Services Description Language) 

Standard pentru descrierea in format XML a serviciilor Web. Serveste drept convenție 
universală a descrierii functionalitatii (semanticii) unui serviciu Web şi instruieste 
potenţialii clienți care pot interactiona cu acesta. WSDL a fost dezvoltat in urma 
colaborării dintre companiile IBM si Microsoft. Vezi si serviciu Web. 


WYSIWYG (What You See Is What You Get) 
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Calitate recunoscută pentru editoarele/procesoarele de text sau de conţinut multimedia 
unde cum arată documentul pe ecran aşa va arăta si în versiune finală, destinată 
reprezentării, tipăririi sau publicării (pe Web, CD-ROM sau alte media). 


XML (Extensible Markup Language) 


Standard si meta-limbaj de marcare in continuă dezvoltare în cadrul Consortiului Web, 
oferind un set mai restrâns, dar mai facil, de reguli de adnotare decât SGML din care 
provine. XML este compus în fapt dintr-o familie de limbaje de bază (ae. XSL, XPath, 
X Base etc.), având sute de limbaje derivate (precum MathML, RDF, SMIL ori SOAP). 


Pentru mai multe informaţii privind unii dintre termenii informatici de mai sus sau alții 
cate nu au putut fi cuprinsi în cadrul acestui material, cititorul poate parcurge The Free On- 
line Dictionary of Computing, editat de Denis Howe si disponibil la adresa 
http://wombat.doc.ic.ac.uk/. O versiune a acestui dicţionar este disponibilă şi 
pe CD-ul care însoţeşte cartea de faţă. 


ACRONIME 


3G — Third Generation (comunicaţii) 
AAC — Advanced Audio Codec (software, 
multimedia) 

ACSS — Aural Cascading Style Sheets (Web) 
ACL — Access Control List (software, 
securitate) 

ADSL — Asynchronous Digital Subscriber 
Line (Internet) 

AGAR — Amazon/Google Ad Replacement 
(Web, afaceri) 

AI — Artificial Intelligence (software) 
AIFF — Audio Interchange File Format 
(software, multimedia, format) 

ANSI — American National Standards 
Institute (organizație) 

AOL — America OnLine (Internet) 

AOP — Aspect Oriented Programming 
(software, programare), Agent Oriented 
Programming (software, programare) 

API — Application Programming Interface 
(software, programare) 

ARP — Address Resolution Protocol 
(Internet, protocol) 

ARPA — Advanced Research Projects 
Agency (organizatie) 

ASCII — American Standard Code for 
Information Interchange (standard) 

ASF — Apache Software Foundation 
(organizatie), Advanced Systems Format 
(software, multimedia) 

ASN.1 — Abstract Syntax Notation One 
(software, standard) 

ASP — Active Server Pages (Web, 
programare), Application Service Provider 
(Web, afaceri), Association of Shareware 
Professionals (software) 


ATM — Asynchronous Transfer Mode 
(comunicaţii, Internet) 


AWS — Amazon Web Services (Web) 


AWT — Abstract Window Toolkit (software, 
Java, programare) 


AVI — Audio Video Interleaved 
(software, multimedia, format video) 


BASH — Bourne Again SHell (Unix, 
programare) 


BiDi — Bi-Directional (Web) 

BIOS — Basic Input/Output System 
(hardware, software) 

BIZ — Business (Internet, Web) 

BNF — Backus-Naur Form (software) 
BPN - Business Process Network (afaceri) 
bps — bits per second (Internet) 


BSD — Berkeley Software/Standard 
Distribution (Unix, software) 


B2B — Business-to-Business (afaceri) 
B2C — Business-to-Consumer (afaceri) 
B2G — Business-to-Government (afaceri) 


BPEL — Business Process Execution 
Language (afaceri, software) 


BPEL4WS — Business Process Execution 
Language for Web Services (afaceri, software, 
Web) 


BPML — Business Process Modeling 
Language (afaceri, software) 


BTP — Business Transaction Protocol 
(afaceri, software) 


C2C — Consumer-to-Consumer (afaceri) 
C2D — Consumer-to-Data (afaceri) 


CA — Certification Authority (software, 
Internet, securitate) 


CAD — Computer Aided Design (software) 


Acronime 333 


CAI — Computer Aided Instruction 
(software) 

CAL — Computer Aided Learning (software) 
CAM — Computer Aided Manufacturing 


(software), Content Aggregation Model 
(software, Web) 


CAPP — Computer Aided Process Planning 
(software) 

CBL — Computer Based Learning (software) 
CBR — Constant Bit Rate (software, 
multimedia) 

CBT — Computer Based Training (software) 
CC/PP - Composite Capability/ Preference 
Profiles (Web) 

CDF — Channel Definition Format (Web) 
CD-ROM — Compact Disk — Read Only 
Memory (hardware, software) 

CD-RW — Compact Disk — ReWriteable 
(hardware, software) 

CERN - Centre Européen pour la 
Recherche Nucléaire (organizaţie) 

CERT — Computer Emergency Response 
Team (organizatie, securitate) 

CFML — ColdFusion Markup Language 
(Web) 

CGI — Common Gateway Interface 

(Web, standard, programare) 

CIM — Computer-Integrated Manufacturing 
(software) 

CLI — Command Line Interface (software) 
CLR — Common Language Run-time 
(software, programare) 

CLUT — Color Look-Up Table (software, 
cromatică) 

CMI — Computer Managed Instruction 
(software) 

CMM - Color Management Module 
(software, cromatică) 

CMY — Cyan-Magenta- Yellow (software, 
cromatică) 


CMYK — Cyan-Magenta-Yellow-black 
(software, cromatică) 


CMS — Content Management System 
(software) 

COD - Cash On Delivery (afaceri) 

COM — COMmercial (Internet), Common 
Object Model (software, programare) 


CORBA — Common Object Request Broker 
Architecture (software, Internet, programare) 


CPU — Central Processing Unit (hardware) 
CR — Carriage Return (software) 


CRC — Cyclic Redundancy Check/Code 
(software, Internet) 


CRM - Client Relationship Management 
(afaceri) 

CRT — Cathode Ray Tube (hardware) 

C/S — Client/Server (software, programare) 
CSS — Cascading Style Sheets (Web) 

CSP — Cryptographic Service Provider 
(software, securitate) 

CSV — Comma Separated Value (software, 
format) 

CVS — Control Versioning System (software) 
CYMK - Cyan-Yellow-Magenta-black 
(software, cromatică) 

cXML — Commerce XML (Web, afaceri) 
DAO — Data Access Object (software, 
programare) 

DARPA — Defense ARPA (organizație) 
DB — DataBase (software) 

DBMS — DataBase Management System 
(software) 

DCC — Direct Client to Client (software, 
Internet) 

DCMI — Dublin Core Metadata Initiative 
(Web) 

DCOM - Distributed COM (software, 
programare) 

DCS — Desktop Color Separations (software, 
cromatică) 

DDE — Dynamic Data Exchange (software, 
Windows, programare) 


DDOS — Distributed Denial Of Service 
(Internet, securitate) 
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DFS — Distributed File System (software, 
Internet) 

DHCP — Dynamic Host Configuration 
Protocol (Internet) 

DHTML — Dynamic HTML (Web) 

DIB — Device Independent Bitmap 
(software, multimedia, format) 

DIS — Distributed Interactive Simulation 
(realitate virtuală) 

DLL — Dynamic-Link Library (software, 
Windows) 

DNS — Domain Name System 

(Internet, protocol) 

DOI — Digital Object Identifier (software) 
DOM - Document Object Model (Web, 
programare) 

DOS — Disk Operating System (software), 
Distributed Operating System (software, 
Internet), Denial Of Service (Internet, 
secutitate), 

dpi — Dots Per Inch (hardware, software) 
DRM - Digital Rights Management 
(software, multimedia, securitate) 

DSA — Digital Signature Algorithm 
(software, securitate) 

DSig — Digital Signature (software, 
securitate) 

DSL — Digital Subscriber Line (comunicații, 
Internet) 

DSS — Decision Support Systems (software) 
DTD — Document Type Definition (Web) 
DTML — Dynamic Template Markup 
Language (Web) 

DTP — DeskTop Publishing (software) 
DTS — Digital Theatre Sound (hardware, 
software, multimedia) 

DVD — Digital Video/Versatile Disk 
(hardware, software) 

DVI — DeVice Independent (software, 
format) 


EAI — Enterprise Application Integration 
(afaceri, software, Web) 


EASI — Enterprise Application Security 
Integration (software, Web, securitate) 
ebXML — Electronic Business XML (Web) 
ECMA — European Computer 
Manufacturers Association (organizatie) 
EDI — Electronic Data Interchange 
(software, standard) 

EDU — EDUcation (Internet) 

EFF — Electronic Frontier Foundation 
(Internet, organizatie) 

EJB — Enterprise JavaBean (software, 
programare) 

EMACS — Editing MACroS (Unix, software) 
EMF — Enhanced Metafile Format 
(software, multimedia, format) 

EOF — End Of File (software) 

EPS — Electronic Payment System (afaceri, 


Web), Encapsulated PostScript (software, 
format) 


ERCIM — European Research Consortium 
for Informatics and Mathematics 
(organizatie) 

ERP — Enterprise Resource Planning 
(afaceri) 

EULA — End-User License Agreement 
(software) 

E-MAIL — Electronic MAIL (Internet) 
E-ZINE — Electronic MagaZINE (Internet, 
Web) 


FAQ — Frequently Asked Questions 
(Internet, Web) 


FDDI — Fiber Distributed Data Interface 
(Internet, comunicatil) 


FOAF — Friend Of A Friend (Web) 


F/OSS — Free/Open Source Software 
(software) 


FDL — GNU Free Documentation License 
(software) 


FPU — Floating Point Unit (hardware) 
FSP — Full Service Provider (afaceri) 
FTP — File Transfer Protocol (Internet) 
FYI — For Your Information (Internet) 
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GB — GigaByte (hardware, software) 

GCC — GNU C-Compiler (software, 
programare) 

GCR — Gray Component Replacement 
(software, cromatică) 

GIF — Graphics Interchange Format 
(Web, standard), Goverment Interoperability 
Framework (software) 

GNU - Gnu is Not Unix (organizaţie, 
filosofie) 

GOV — GOVernment (Internet) 

GPL — GNU General Public License 
(software) 

GUI — Graphical User Interface (software) 
HDTV — High-Definition TeleVision 
(comunicații) 

HMD — Head Mounted Display (hardware, 
Web, realitate virtuală) 

HRMS — Human Resources Management 
System (software, afaceri) 

HSB — Hue, Saturation, Brightness 
(software, cromatică) 

HTML — HyperText Markup Language 
(Web, standard) 

HTTP — HyperText Transfer Protocol 
(Web, Internet, protocol) 

HTTP-NG - HTTP Next Generation 
(Web) 

i8n — Internationalization (software) 

IAB — Internet Activities Board (organizaţie) 
IANA - Internet Assigned Number 
Authority (organizatie) 

IBAN — International Bank Account 
Number (afaceri) 

ICC — International Color Consortium 
(organizatie) 

IDE — Integrated Development 
Environment (software, programare), 
Integrated Device Electronics (hardware) 


IDN - International Domain Names 
(software, Internet) 


IDS — Intrusion Detection System (software, 
securitate) 


IE — Internet Explorer (Web, software) 
IEEE -Institute of Electrical and 
Electronics Engineers (organizație) 

IETF - Internet Engineering Task Force 
(organizatie) 

IIS — Internet Information Services (Internet, 
Web, Windows) 

IL — Intermediate Language (software, 
programare) 

IM — Instant Messaging (software, Internet) 
IMAP - Internet Message Access Protocol 
(Internet, protocol) 

IP — Internet Protocol (Internet, protocol), 
Instruction Pointer (software) 

IPSec — Internet Protocol Security (Internet, 
securitate) 

IPv6 — Internet Protocol version 6 (Internet, 
protocol) 

IR — InfraRed (hardware), Internet Registry 
(Internet), Information Retrieval (software) 
IRC — Internet Relay Chat (Internet) 

IrDA — InfraRed Data Association 
(organizatie) 

IRM — Information Resources Management 
(software, afaceri), Information Rights 
Management (software) 

IS — International Standard (software, 
hardware), Information System (software) 
ISA — Industry Standard Architecture 
(hardware, standard) 

ISAPI — Internet Server API (Internet, Web) 
ISBN - International Standard Book 
Number (standard) 

ISDN — Integrated Services Digital Network 
(Internet) 

ISO — International Standards Organization 
(organizaţie) 

ISOC — Internet SOCiety (Internet, 
organizaţie) 

ISP — Internet Service Provider (Internet), 
Instruction Set Processor (hardware) 


ISV — Independent Software Vendor (afaceri, 
software) 
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IT — Information Technology (hardware, 
software) 


I/O — Input/Output (hardware, software) 
J2EE - Java 2 Platform, Enterprise Edition 
(software, programare) 


J2SE — Java 2 Platform, Micro Edition 
(software, programare) 


J2SE — Java 2 Platform, Standard Edition 
(software, programare) 


JCP — Java Community Process (software) 


JDBC — Java DataBase Connectivity 
(software, programare) 


JDK - Java Development Kit (software, 
programare) 


JFIF — JPEG File Interchange Format 
(software, multimedia, format) 


JIT — Just-In-Time (software, programare) 
JP2 — JPEG 2000 (Web, multimedia, format) 


JPEG - Joint Photografic Experts Group 
(Web, multimedia, standard) 


JRE — Java Run-time Environment 
(software, programare) 


JS — JavaScript (Web, programare) 

JSF — JavaServer Faces (Web, programare) 
JSP — JavaServer Pages (Web, programare) 
JSR — Java Specification Repository/Request 
(software, programare) 

JVM — Java Virtual Machine (software, 
programare) 

KB — KiloByte (hardware, software) 

kpbs — Kilobits per second (Internet, 
comunicaţii) 

LAN — Local Area Network (Internet) 
LAMP - Linux-Apache-MySQL-Perl/PHP 
(Web, programare) 

LCD — Liquid Crystal Display (hardware) 
LDP — Linux Documentation Project 
(software) 

LF — Line Feed (software) 


LGPL — GNU Lesser General Public 
License (software) 


LOM - Learning Object Metadata (Web, 
software) 

LUG — Linux User Group (software) 
MAC — Medium Access Control (Internet) 
MAN — Metropolitan Area Network 
(Internet) 

MAS — Multi-Agent System (software, 
programare) 

MB — MegaByte (hardware, software) 
MCSD - Microsoft Certified Solution 
Developer (software, certificare) 

MCSE — Microsoft Certified System 
Engineer (software, certificare) 

MIDI — Musical Instrument Digital Interface 
(software, multimedia, standard) 

MIME — Multipurpose Internet Mail 
Extensions (Internet, standard) 

MIS — Management Information Systems 
(software, afaceri) 

MIT — Massachusetts Institute of 
Technology (organizatie) 

MMS — Multimedia Message Service 
(comunicatii, multimedia) 

MOSS — MIME Object Security Services 
(Internet, securitate) 

MP3 — MPEG audio layer 3 (software 
multimedia, format) 

MPEG — Moving Pictures Experts Group 
(software, multimedia, standard) 

MSN — MicroSoft Network (Web) 

MTA — Mail Transfer Agent (Internet, 
software) 

MTU — Maximum Transmission Unit 
(Internet) 

MUA — Mail User Agent (Internet, software) 
MUD - MultiUser Dungeon (Internet, 
software) 

MVC — Model-View-Controller (software, 
paradigmă, programare) 

NASA — National Aeronautics and Space 
Administration (organizație) 

NAT — Network Address Translation 
(Internet) 
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NCSA — National Center for 
Supercomputing Applications (organizatie) 
NFS — Network File System (software, 
Internet) 

NIC — Network Information Center 
(organizatie) 

NIS — Network Information Service 
(software, Internet) 

NL — New Line (software) 

NNTP — Network News Transfer Protocol 
(Internet, protocol) 

NSA — National Security Agency 
(organizatie, securitate) 

NSF — National Science Foundation 
(organizatie) 

NTP — Network Time Protocol (Internet, 
protocol) 

OAI — Open Archive Initiative (Internet) 
OASIS — Organization of the Advancement 
of Structured Information Standards 
(organizatie) 

ODBC — Open DataBase Connectivity 
(software, programare) 

ODP — Open Directory Project (Web) 
OBI — Open Buying on Internet (Internet, 
afaceri) 

OEM -— Oficial Equipment Manufacturer 
(hardware) 

OFX — Open Financial Exchange (software, 
afaceri) 

OLE — Object Linking and Embedding 
(software, Windows, programare) 

OMG — Object Management Group 
(organizație) 

OOB — Out Of Band (Internet) 

OOP — Object Oriented 
Programming/Paradigm (software, 
paradigmă, programare) 

OPML — Outline Processor Markup 
Language (Web) 

OS — Operating System (software) 


OSD — Open Software Description 
(software) 


OSF — Open Software Foundation 
(organizatie) 

OSI — Open Systems Interconnection 
(standard) 

OTF — OpenType Font (software) 

OWL — Web Ontology Language (Web) 
P2P — Peer-to-Peer (Internet, software) 
P3P — Platform for Privacy Preferences 
(Web) 

PCI — Peripheral Component Interconnect 
(hardware) 

PCD — Photo CD (software, multimedia, 
format) 

PCS — Personal Communications Services 
(hardware) 

PDA — Personal Digital Assistant (hardware) 
PDF — Portable Document Format 
(software, standard) 

PEM - Privacy Enhanced Mail (Internet, 
securitate) 


PERL — Practical Extraction and Report 
Language (software, programare) 

PGP — Pretty Good Privacy (software, 
Internet) 

PHP — PHP: Hypertext Preprocessor (Web, 
software, programare) 

PICS — Platform for Internet Content 
Selection (Web) 

PIN — Personal Identification Number 
(software, afaceri) 

PING — Packet InterNet Groper (Internet) 
PKCS — Public Key Cryptography Standard 
(software, Internet, securitate) 

PKI — Public Key Infrastructure (software, 
Internet) 

PLC — Printer Control Language (hardware, 
software) 

PNG - Portable Network Graphics (Web, 
standard) 

PoD — Ping Of Death (Internet, securitate) 
POP — Post Office Protocol (Internet), Point 
of Presence (Internet, afaceri) 


POS — Point Of Sale (afaceri) 
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POSIX — Portable Operating System 
Interface for UNIX (software, Unix) 


PPP — Point-to-Point Protocol 
(Internet, protocol) 


PS — PostScript (software, hardware, format) 
PSD — PhotoShop Document (software, 
multimedia, format) 

PSP — Payment Service Provider (afaceri) 
PURL — Persistent URL (Web) 

QoS — Quality of Service (software, Internet) 
QT — QuickTime (software, multimedia, 
format) 

RAD — Rapid Application Development 
(software, programare) 

RADIUS — Remote Authentication Dial-In 
User Service (Internet, securitate) 

RAID — Redundant Array of Independent 
Disks (hardware, software) 

RAM — Random Access Memory (hardware, 
software) 

RARP — Reverse ARP (Internet, protocol) 
RDF — Resource Description Framework 
(Web) 

REC — RECommendation (Web) 

RGB — Red-Green-Blue (software, 
cromatică) 

REC — Request For Comments (Internet) 
RFI — Request For Information (Internet) 
RM — RealMedia (software, multimedia) 
RMI — Remote Method Invocation 
(software, Java, programare) 

ROI — Return On Investment (afaceri) 
ROM -— Read Only Memory (hardware, 
software) 

RPC — Remote Procedure Call 

(Internet, software, programare) 

RPM — Redhat Package Manager (software, 
Linux) 

RSS — Rich/RDF Site Summary, Really 
Simple Syndication (Web, format) 

RTE — Run-Time Environment (software) 
RTF — Rich Text Format (software, format) 


SAN -— Storage Area Network (software, 
Internet) 


SAX — Simple API for XML (Web, 
programare) 

SCSI — Small Computer System Interface 
(hardware) 

SCM — Supply Chain Management (afaceri) 
SCTP — Stream Control Transmission 
Protocol (Internet, protocol) 

SDK — Software Development Kit (software, 
programare) 

SET — Secure Electronic Transaction (Web, 
protocol, afaceri, securitate) 

SGML — Standard Generalized Markup 
Language (software, standard) 

SHA — Secure Hash Algorithm (software, 
securitate) 

SID — Session IDentifier (Web, programare) 
SIS — Strategic Information Systems 
(software, afaceri) 

SLIP — Serial Line Internet Protocol 
(Internet, protocol) 

SMIL — Synchronized Multimedia 
Integration Language (Web, multimedia, 
standard) 

SMB - Server Message Block (software, 
protocol) 

SMS — Short Message Service (comunicaţii) 
SMTP — Simple Mail Transfer Protocol 
(Internet, protocol) 

SNTP — Simple Network Management 
Protocol (Internet, protocol) 

SOAP — Simple Object Access Protocol 
(Web, protocol) 

SQL — Structured Query Language 
(software, standard) 

SSH — Secure SHell (Internet, securitate) 
SSI — Server-Side Includes (Web) 

SSL — Secure Sockets Layer (Internet, 
protocol, securitate) 

SSO — Single Sign-On (software, securitate) 
SST — Secure Transaction Technology 
(Internet, software, securitate) 


Acronime 
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SW — Semantic Web (Web) 


SWF — ShockWave File (software, 
multimedia, format) 


SWWS — Semantic Web Service (Web) 


SWIFT — Society for World-Wide Interbank 
Financial Telecommunication (afaceri) 


SVG — Scalable Vector Graphics 
(Web, multimedia, standard) 


S/MIME - Secure MIME (Internet, Web, 
securitate) 


TB — TeraByte (hardware, software) 
TCO — Total Cost of Ownership (afaceri) 


TCP — Transmission Control Protocol 
(Internet, protocol) 


TEI — Text Encoding Initiative 
(software, standard) 


TIFF — Tag Image File Format (software, 
multimedia, format) 


TLA — Three-Letter Acronym (software, 
hardware) 


TLL — Time To Live (Internet) 


TLS — Transport Layer Security (software, 
hardware, securitate) 


TOS — Type Of Service (Internet) 
TR-— Technical Report (software) 

TTF — TrueType Font (software) 

TTY — TeleTYpewriter (software, Unix) 
UA — User Agent (Web) 


UBL — Universal Business Language (Web, 
afaceri) 


UCS — Universal Character Set (software) 
UDDI — Universal Description, Discovery, 
and Integration (Web) 

UDP — User Datagram Protocol (Internet, 
protocol) 

UI — User Interface (software) 

UML — Unified Modeling Language 
(software) 

UPS — Uninterruptible Power Suply 
(hardware) 


URI — Uniform Resource Identifier 
(Internet, standard) 


URL — Uniform Resource Locator (Internet, 
Web, standard) 

URN -— Uniform Resource Name (Internet, 
Web, standard) 

USB — Universal Serial Bus (hardware) 

UTF — Universal Transformation Format 
(software) 


UUCP — Unix-to-Unix Copy Protocol 
(software, Unix, protocol) 


VAN — Value-Added Network (afaceri) 
VB — Visual Basic (software, programare) 
VBA — Visual Basic for Applications 
(software, programare) 


VBR — Variable Bit Rate (software, 
multimedia) 


VE — Virtual Environment (realitate virtuală) 
VLAN — Virtual LAN (Internet) 

VM — Virtual Machine (software, 
programare) 


VML — Vector Markup Language (Web, 
format) 


VoIP — Voice over IP (Internet) 


VPN — Virtual Private Network (Internet, 
securitate) 


VR — Virtual Reality (realitate virtuală) 
VRML — Virtual Reality Modeling Language 
(Web, realitate virtuală) 

VUE — Virtual University Education (Web) 
W3C — World-Wide Web Consortium 
(organizatie) 

WAI — Web Accessibility Initiative (Web) 
WAIS — Wide Area Information Server 
(Internet) 

WAN — Wide Area Network (Internet) 
WAP — Wireless Application Protocol 
(Internet, protocol) 

WBL — Web Based Learning (Web) 


WBMP — Wireless BitMap Picture (Web, 
multimedia, format) 


WBT — Web Based Training (Web) 


WebDAV — Web Distributed Authoring and 
Versioning (Web, protocol) 
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WMA — Windows Media Audio (software, 
multimedia, format) 


WML — Wireless Markup Language 

(Web, standard) 

WMV — Windows Media Video (software, 
multimedia, format) 

WORM -— Write Once, Read More 
(hardware, software) 

WS — Web Service (Web, programare) 
WSDL — Web Services Description 
Language (Web) 

WYSIWYG — What You See Is What You 
Get (software) 

WWW — World-Wide Web (Internet, Web) 
X3D — Extensible Three Dimensions (Web, 
realitate virtuală) 

XBM — X11 BitMap (software, multimedia, 
format) 

XDR - Externet Data Representation 
(Internet), XML Data-Reduced (Web) 
XHTML - Extensible HyperText Markup 
Language (Web, standard) 


XML - Extensible Markup Language (Web, 
standard) 


XMI — XML Metadata Interschange (Web) 


XMLNS — Extensible Markup Language 
NameSpace (Web) 


XMLP — Extensible Markup Language 
Protocol (Web) 


XMP — Extensible Metadata Platform 
(software, Web, multimedia) 


XP — Extreme Programming (software, 
paradigmă, programare) 

XPM — X11 PixMap (software, multimedia, 
format) 


XSD — XML Schema Definition (Web) 
XSL — Extensible Stylesheet Language (Web) 


XSL-FO — Extensible Stylesheet Language: 
Formatting Objects (Web) 


XSLT — XSL Transformation (Web) 
XSP — XML Server Pages (Web, programare) 
XSS — Cross-Site Scripting (Web, 


programare, securitate) 
YP — Yellow Pages (Internet, Web) 


CONŢINUTUL CD-ULUI 


Din bogatul conţinut al CD-ului oferit împreună cu această lucrare enumerăm următoarele: 


supliment la carte — o parte dintre informaţiile care nu au putut fi incluse ca text 
tipărit, sunt disponibile ca anexe disponibile electronic (elementele, atributele şi 
entitățile XHTML, proprietăţile de stil CSS, utilizarea cadrelor); 
documentatii adiționale — aveţi la dispoziţie o serie de documentatii referitoare la: 
= Internet (informaţii privitoare la fundamentele tehnologiilor Internet, 
plus liste de acronime şi emoticoane, lista codurilor domeniilor primare 
ale statelor lumii şi un dicționar de termeni informatici; de asemenea, 
sunt disponibile un tutorial privitor la utilizarea serviciilor Internet şi 
lista celor mai importante documente RFC — Request For Comments —, 
amintite în primul capitol); 
= Web (date despre arhitectura spațiului WWW, protocolul HTTP si 
administrarea serverelor Web); 
= crearea paginilor Web (recomandările HTML 4.01, XHTML 1.0, CSS 2; 
sunt disponibile si codurile şi numele de culori care pot fi utilizate în cadrul 
documentelor Web); 
= design (detalii despre proiectarea şi tipurile de conţinut text/grafic al 
siturilor Web, plus tutoriale privind asigurarea identității on-/ine); 
= multimedia (sunt incluse tutoriale referitoare la hipermedia pe Web si la 
limbajul SMIL — Synchronized Multimedia Integration Language); 
= realitatea virtuală (informaţii despre conceperea de lumi si medii virtuale, 
incluzând si tutoriale referitoare la VRML si lumi 3D); 
= XML (detalii despre familia de limbaje XML — Extensible Markup 
Language —, plus tutoriale referitoare la anumite limbaje bazate pe XML; 
sunt disponibile si toate recomandarile principale privitoare la familia 
XML; 
= semantic Web (informaţii privitoare la problematicile Web-ului semantic, 
precum atașarea de meta-date, via RDF si RSS, si conceperea de ontologii; 
= altele (sunt puse la dispoziţie: traducerea in limba română a Licenţei publice 
generale GNU si o serie de articole referitoare la agenţii software). 
exemple prezentate in carte — am inclus unele dintre exemplele de cod-sursă XHTML si 
CSS prezentate în capitolul patru referitor la limbajul de marcare XHTML. De 
asemenea, oferim o serie de exemple privitoare la optimizarea conţinutului grafic 
stocat în formatele JPEG, PNG sau GIF şi un exemplu de modelare în VRML a 
unei lumi virtuale 3D; 
exemple de situri Web — sunt date ca exemplificări situl cursului Tehnologii Web susţinut de 
autor în cursul anului universitar 2004/2005 şi situl <Web /> 2004 (un workshop în 
domeniul tehnologiilor Web organizat în cadrul Facultăţii de Informatica a 
Universităţii „Al.I. Cuza” din Iasi. În plus, sunt prezentate o serie de capturi-ecran 
(in formatele PNG sau JPEG) ale unor situri Web, astfel încât cititorul să studieze 
anumite aspecte ale designului şi să descopere (acolo unde este cazul) greșelile 


survenite, şi se pun la dispoziţie câteva exemple negative comentate de pagini şi 
situri Web; 

colecții de imagini — am inclus diverse colecţii de elemente grafice (pictograme, butoane, 
linii orizontale si altele), în număr de peste 1000 de fişiere in formate ca GIF, JPEG, 
PNG ori SVG, pentru a facilita procesul de învăţare a conceperii de situri Web. 
Suplimentar, sunt disponibile şi o serie de screen-saver-e pentru Windows; 


aplicații şi programe de calculator — sunt puse la dispoziţie aplicaţii şi programe open- 
source, freeware sau shareware (pentru platformele Windows si Linux), utile pentru 
proiectarea, implementarea si intretinerea siturilor Web. De asemenea, sunt 
disponibile şi o serie de aplicaţii (managere de conţinut sau utilitare Web) 
independente de platformă. Principalele categorii de software sunt: 


navigatoarele Web — diverse browser-e (Firefox, Firefox cu suport pentru 
SVG, Opera si Amaya), tuland pe platformele Linux sau Windows, 
pentru parcurgerea siturilor Web in regim on-line, pentru Firefox, aveţi la 
dispoziţie si o serie de p/yg-in-uri utile; 

editoarele de cod (X)HTML şi CSS — pentru scrierea de cod-sursă 
XHTML, recomandăm editoarele de texte PSPad sau Notetab Light pentru 
Windows (ambele gratuite). De asemenea, se poate folosi editorul HTML 
Kit (include o serie de p/ug-in-uri utile), iar. validarea codului se va realiza cu 
Tidy şi CSE HTML Validator Lite. Un editor CSS uşor de utilizat este 
TopStyle Lite, 

prelucrările grafice — pentru vizualizări şi prelucrări simple de imagini, 
recomandăm Irfan View, plus alte utilitare interesante (precum 
Paint.NET şi Picasa). Tot pentru Windows, mai sunt disponibile Adobe 
SVG Viewer — vizualizator de grafică SVG (rulează ca plug-in in cadrul 
unui navigator Web) — si editorul de grafica vectoriala Inkscape; 
instrumentele multimedia — sunt disponibile o serie de p/ayer-e multimedia, 
precum BSP/ayer şi MPlayer. De asemenea, aveţi posibilitatea să folosiţi p/ug- 
in-ul Cortona pentru a vizualiza lumi virtuale modelate în VRML/X3D (se 
integrează în Mozilla sau Internet Explorer) si programul GR/NS pentru a 
reda prezentări multimedia sincronizate scrise în SMIL; 

serverele Web — pentru platforma Windows este disponibil Apache2Triad, 
alături de serverul Apache 2 incluzând serverul de baze de date MySQL şi 
serverul de aplicații PHP, automat configurate pentru uzul personal pe 
calculatorul local (de asemenea, vor fi instalate şi alte programe utile); 
programarea Web — cititorii cu experiență în programarea Web au la 
dispoziție mediile de dezvoltare PHP, ActivePerl si .NET Framework, 
disponibile pentru Windows (aceste medii pot fi utilizate si pentru a rula o 
parte dintre aplicatiile disponibile pe CD); 

dezvoltarea de situri — sunt puse la dispoziţie o serie de aplicaţii open- 
source (de cele mai multe ori, independente de platformă) care pot fi 
utilizate pentru managementul conţinutului siturilor Web (e.g., portaluri, 
blog-uri, sisteme de votare etc.): Blosxom, CPNuke, CSBlog, PHPPoll, 
TWiki, WordPress. În ceea ce priveşte aplicaţiile e-business, pot fi 
experimentate, pentru Linux sau Windows, eZ Publish şi osCommerce — 
medii open-source de dezvoltare a siturilor Web de comert electronic, 
incluzând un magazin virtual, un portal si un instrument on-line de 


administrare a sitului. Un alt instrument open-source util pentru instituirea 
unei afaceri on-line este Sugar Suite, putând fi instalat pe orice platformă 
care oferă PHP; 
= instrumentele XML — am pus la dispoziţia celor interesaţi un editor XML 
şi biblioteca standardelor XML (ambele pentru Windows). De asemenea, 
poate fi folosit sMArTH — un interesant editor de expresii matematice, 
conceput în SVG, cu posibilitatea salvării acestora în formatele MathML şi 
LaTeX; 
= instrumentele WAP — pentru parcurgerea de situri WAP utilizând WML, 
puteti recurge la emulatoarele de telefoane mobile M3Gar şi WinW AP. 
Aveţi la dispoziţie şi editorul Coffee WAP, plus navigatorul Wireless 
Companion. Programul WinWAP Smartphone Browser Emulator poate fi 
folosit pentru emularea accesului pe un dispozitiv Smartphone; 
= alte aplicaţii — au fost incluse si diverse programe utile, pentru sistemele 
de operare Linux sau Windows: Adobe Reader, suita de birou Open Office, 
utilitarele de arhivare bzip2, FreeZip si gzip, plus clientul de poştă 
electronică Thunderbird şi programul de oglindire a siturilor WebSitePuller. 
De asemenea, pentru Windows aveţi la dispoziţie RSSReader— un reader 
de ştiri RSS menţionat în al doilea capitol (necesită instalarea prealabilă 
a mediului NET Framework) —, Google Desktop Search — un program 
pentru căutarea informaţiilor stocate pe calculatorul propriu — si 
HIMLDo — un utilitar care transformă diverse tipuri de conţinuturi in 
documente Web. Pentru Linux, am pus la dispoziţie (în varianta RPM) 
majoritatea dezarhivatoarelor comune: unarj, unace, unzip ŞI unrar. 
resurse Web suplimentare — sunt oferite liste cuprinzătoare de adrese ale unor situri 
privitoare la Internet, limbaje de marcare (HTML si XHTML), wireless, grafică şi 
multimedia, realitate virtuală, e-business, proiectare Web, instrumente utilizate in 
dezvoltarea siturilor (navigatoare, editoare şi unelte XHTML/CSS, instrumente si 
documentatii XML, servere Web şi managere de fişiere de jurnalizare, servere de 
baze de date, medii de programare Web şi servere de aplicaţii, editoare de conţinut 
grafic sau multimedia şi altele), securitate informaţională, regăsire a informaţiilor 
pe Web (motoare şi meta-motoare de căutare, portaluri, b/og-uri etc.). 
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